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:
manjunath22466 committed 2026-11-02 23:57:40 +05:30
1 parent de1c9125d3
commit babd55eae1
1 file changed
+11 -10
+11 -10
View File
@@ -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;