diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css index 6569d17..ae4a39e 100644 --- a/chrome/navbar/navbar.css +++ b/chrome/navbar/navbar.css @@ -1,114 +1,108 @@ -#nav-bar -{ - min-height: 38px !important; - box-shadow: none !important; - padding-inline: 6px !important; - background-color: var(--toolbar-bgcolor) !important; +#nav-bar { + min-height: 38px !important; + box-shadow: none !important; + padding-inline: 6px !important; + background-color: var(--toolbar-bgcolor) !important; } -#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon -{ - opacity: 1 !important; +#reload-button[disabled]:not(:-moz-window-inactive)>.toolbarbutton-icon { + opacity: 1 !important; } -.toolbarbutton-badge -{ - box-shadow: 0 0 0 1px #0001 !important; - margin: 10px 0 0 !important; - margin-inline-end: -6px !important; +.toolbarbutton-badge { + box-shadow: 0 0 0 1px #0001 !important; + margin: 10px 0 0 !important; + margin-inline-end: -6px !important; } -#nav-bar .toolbarbutton-badge -{ - box-shadow: 0 0 0 1px var(--toolbar-bgcolor) !important; - margin: 10px 0 0 !important; - margin-inline-end: -6px !important; +#nav-bar .toolbarbutton-badge { + box-shadow: 0 0 0 1px var(--toolbar-bgcolor) !important; + margin: 10px 0 0 !important; + margin-inline-end: -6px !important; } -panel .toolbarbutton-badge -{ - box-shadow: 0 0 0 1px var(--arrowpanel-background) !important; +panel .toolbarbutton-badge { + box-shadow: 0 0 0 1px var(--arrowpanel-background) !important; } /* Windows */ -#PanelUI-button -{ - border: none !important; - margin: 0 !important; - padding: 0 !important; +#PanelUI-button { + border: none !important; + margin: 0 !important; + padding: 0 !important; } -#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge -{ - display: none !important; +#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge { + display: none !important; } -:root[privatebrowsingmode] #fxa-toolbar-menu-button -{ - pointer-events: none !important; +:root[privatebrowsingmode] #fxa-toolbar-menu-button { + pointer-events: none !important; } #navigator-toolbox #fxa-toolbar-menu-button { - margin-inline: 5px !important; - border-radius: 99px !important; - margin-block: -2px !important; + margin-inline: 5px !important; + border-radius: 99px !important; + margin-block: -2px !important; } -#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 30px !important; - height: 30px !important; +#navigator-toolbox #fxa-toolbar-menu-button> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { + width: 30px !important; + height: 30px !important; } -#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - padding: 3px !important; - background: 0 !important; +#navigator-toolbox #fxa-toolbar-menu-button> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { + padding: 3px !important; + background: 0 !important; } #fxa-avatar-image { - width: 24px !important; - height: 24px !important; + width: 24px !important; + height: 24px !important; } /* show "Private" label for en languages only */ -:root[privatebrowsingmode] #fxa-toolbar-menu-button::before -{ - content: "Private" !important; - display: -moz-box !important; - margin-inline-start: 12px !important; - margin-inline-end: 6px !important; -} -:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button { - background-color: var(--private-browsing-indicator, #006cbe) !important; - color: white !important; - margin-inline: 0 !important; +:root[privatebrowsingmode] #fxa-toolbar-menu-button::before { + content: "Private" !important; + display: -moz-box !important; + margin-inline-start: 12px !important; + margin-inline-end: 6px !important; } -#nav-bar-customization-target -{ - overflow: visible !important; +:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button { + background-color: var(--private-browsing-indicator, #006cbe) !important; + color: white !important; + margin-inline: 0 !important; +} + +#nav-bar-customization-target { + overflow: visible !important; } /* Compact mode */ :root[uidensity="compact"] { - --button-padding: 8px !important; + --button-padding: 8px !important; } + :root[uidensity="compact"] #nav-bar { - padding-inline: 4px !important; + padding-inline: 4px !important; } + :root[uidensity="compact"] :is(#navigator-toolbox .webextension-browser-action > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon), -#navigator-toolbox #nav-bar .toolbarbutton-1:not(#fxa-toolbar-menu-button) > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon)) { - padding-inline: var(--button-padding) !important; - width: calc(16px + var(--button-padding) * 2) !important; + #navigator-toolbox #nav-bar .toolbarbutton-1:not(#fxa-toolbar-menu-button) > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon)) { + padding-inline: var(--button-padding) !important; + width: calc(16px + var(--button-padding) * 2) !important; } + :root[uidensity="compact"] #fxa-toolbar-menu-button { - margin-inline: 1px !important; + margin-inline: 1px !important; } + :root[uidensity="compact"] :is(#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box, -#nav-bar-overflow-button > .toolbarbutton-animatable-box) { - margin-inline-start: calc((16px + 2 * var(--button-padding) - 18px) / 2) !important; + #nav-bar-overflow-button > .toolbarbutton-animatable-box) { + margin-inline-start: calc((16px + 2 * var(--button-padding) - 18px) / 2) !important; } + :root[uidensity="compact"] #PersonalToolbar { - padding-inline: 2px; -} \ No newline at end of file + padding-inline: 2px; +}