mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 02:14:01 +00:00
style(voice): centre main's icon-only dock wings
Main now hides the wing labels at 900px and below outside Cyber, so keep only the centring of the remaining icons and leave Cyber's labels alone.
This commit is contained in:
1 parent
de1c9125d3
commit
babd55eae1
1 file changed
+11
-10
+11
-10
@@ -360,23 +360,24 @@
|
||||
height: 1.25rem;
|
||||
flex-basis: 1.25rem;
|
||||
}
|
||||
/* The narrow dock's wings are too slim for their labels; show icons only. */
|
||||
/* At this width main shows the wings' icons only (command-dock-trays.css);
|
||||
centre them in the slim wings. Cyber keeps its labels. */
|
||||
@media (max-width: 900px) {
|
||||
#command-dock > :is(#location-bar, #control-panel) .dock-tray-toggle {
|
||||
:root:not([data-ui-theme='cyber'])
|
||||
#command-dock
|
||||
> :is(#location-bar, #control-panel)
|
||||
.dock-tray-toggle {
|
||||
justify-content: center;
|
||||
}
|
||||
#command-dock :is(.location-toolbar-label, .panel-header .panel-title) {
|
||||
:root:not([data-ui-theme='cyber'])
|
||||
#command-dock
|
||||
:is(#location-bar, #control-panel)
|
||||
:is(.location-toolbar-label, .panel-title) {
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
font-size: 0;
|
||||
letter-spacing: 0;
|
||||
gap: 0;
|
||||
justify-content: center;
|
||||
}
|
||||
#command-dock #location-bar .location-toolbar-label {
|
||||
justify-content: center;
|
||||
}
|
||||
#command-dock .dock-label-icon {
|
||||
:root:not([data-ui-theme='cyber']) #command-dock .dock-label-icon {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
flex-basis: 1.25rem;
|
||||
|
||||
Reference in new issue
Block a user