Trivial selector changes from titlebar removal

This commit is contained in:
MrOtherGuy
2024-10-05 08:44:59 +03:00
parent 29b7f87409
commit 13109b6d3d
11 changed files with 43 additions and 73 deletions
+1
View File
@@ -39,6 +39,7 @@ See the above repository for updates as well as full license text. */
} }
/* Show when toolbox is hovered */ /* Show when toolbox is hovered */
#titlebar:hover ~ .browser-toolbar, #titlebar:hover ~ .browser-toolbar,
.browser-titlebar:hover ~ :is(#nav-bar,#PersonalToolbar),
#nav-bar:hover, #nav-bar:hover,
#nav-bar:hover + #PersonalToolbar{ #nav-bar:hover + #PersonalToolbar{
transform: translateY(0); transform: translateY(0);
+3 -3
View File
@@ -37,7 +37,7 @@ toolbarbutton#scrollbutton-down{
#page-action-buttons > .urlbar-icon:hover, #page-action-buttons > .urlbar-icon:hover,
.urlbar-icon-wrapper:hover > .urlbar-icon, .urlbar-icon-wrapper:hover > .urlbar-icon,
toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon,
#TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon, .browser-toolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon,
toolbar #downloads-button:hover #downloads-indicator-anchor, toolbar #downloads-button:hover #downloads-indicator-anchor,
.identity-box-button:hover, .identity-box-button:hover,
#tracking-protection-icon:hover, #tracking-protection-icon:hover,
@@ -50,7 +50,7 @@ toolbarbutton#scrollbutton-down:not([disabled]):hover{
} }
/* Active states and close window button hover state */ /* Active states and close window button hover state */
#titlebar .titlebar-buttonbox > .titlebar-close:hover > .toolbarbutton-icon, .browser-toolbar .titlebar-buttonbox > .titlebar-close:hover > .toolbarbutton-icon,
.close-icon:active, .close-icon:active,
.urlbar-history-dropmarker:active, .urlbar-history-dropmarker:active,
#page-action-buttons > .urlbar-icon:active, #page-action-buttons > .urlbar-icon:active,
@@ -59,7 +59,7 @@ toolbarbutton#scrollbutton-down:not([disabled]):hover{
.urlbar-icon-wrapper[open] > .urlbar-icon, .urlbar-icon-wrapper[open] > .urlbar-icon,
toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon,
toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon, toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon,
#TabsToolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, .browser-toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon,
toolbar #downloads-button:active #downloads-indicator-anchor, toolbar #downloads-button:active #downloads-indicator-anchor,
toolbar #downloads-button[open] #downloads-indicator-anchor, toolbar #downloads-button[open] #downloads-indicator-anchor,
.identity-box-button:active, .identity-box-button:active,
@@ -23,6 +23,7 @@ See the above repository for updates as well as full license text. */
:root:is([sizemode="maximized"],[sizemode="fullscreen"]){ :root:is([sizemode="maximized"],[sizemode="fullscreen"]){
--uc-window-drag-space-width: 0px; --uc-window-drag-space-width: 0px;
} }
#toolbar-menubar[autohide="false"] ~ #nav-bar,
#titlebar:has(> [autohide="false"]) + #nav-bar{ #titlebar:has(> [autohide="false"]) + #nav-bar{
--uc-window-drag-space-width: 0px; --uc-window-drag-space-width: 0px;
--uc-menubar-height: 28px; --uc-menubar-height: 28px;
@@ -60,6 +61,7 @@ See the above repository for updates as well as full license text. */
z-index: 1; z-index: 1;
pointer-events: none pointer-events: none
} }
:root[tabsintitlebar] .browser-titlebar,
#titlebar{ #titlebar{
opacity: 1 !important; opacity: 1 !important;
will-change: unset !important; will-change: unset !important;
+1
View File
@@ -30,6 +30,7 @@ toolbar:hover .toolbarbutton-1,
#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *, #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *,
#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > *, #nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > *,
#titlebar:hover ~ toolbar .toolbarbutton-1 > *, #titlebar:hover ~ toolbar .toolbarbutton-1 > *,
#TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
toolbar .toolbarbutton-1 > *, toolbar .toolbarbutton-1 > *,
#tabbrowser-tabs toolbarbutton > *, #tabbrowser-tabs toolbarbutton > *,
.titlebar-button > *{ .titlebar-button > *{
+1
View File
@@ -40,6 +40,7 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
#nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack, #nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
#PanelUI-menu-button:hover > stack, #PanelUI-menu-button:hover > stack,
#titlebar:hover ~ toolbar .toolbarbutton-1 > *, #titlebar:hover ~ toolbar .toolbarbutton-1 > *,
#TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
.toolbarbutton-1[open] > *, .toolbarbutton-1[open] > *,
.titlebar-buttonbox:hover > .titlebar-button > *, .titlebar-buttonbox:hover > .titlebar-button > *,
#tabbrowser-tabs:hover toolbarbutton > *{ #tabbrowser-tabs:hover toolbarbutton > *{
+1
View File
@@ -31,6 +31,7 @@ See the above repository for updates as well as full license text. */
--toolbarbutton-inner-padding: 7px !important; --toolbarbutton-inner-padding: 7px !important;
} }
/* Few exceptions for default light theme */ /* Few exceptions for default light theme */
:root[lwtheme] #navigator-toolbox:not([movingtab]) > #TabsToolbar,
:root[lwtheme] #navigator-toolbox:not([movingtab]) > #titlebar > #TabsToolbar{ :root[lwtheme] #navigator-toolbox:not([movingtab]) > #titlebar > #TabsToolbar{
--toolbar-bgcolor: transparent; --toolbar-bgcolor: transparent;
} }
+4 -2
View File
@@ -76,8 +76,10 @@ See the above repository for updates as well as full license text. */
background-color: var(--toolbar-field-focus-background-color) !important; background-color: var(--toolbar-field-focus-background-color) !important;
background-size: auto !important; background-size: auto !important;
} }
:root:not([customizing]) #navigator-toolbox > #TabsToolbar,
:root:not([customizing]) #titlebar{ margin-bottom: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin)); } :root:not([customizing]) #titlebar{
margin-bottom: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin));
}
/* Oh and! also hide other buttons from the nav-bar because why not */ /* Oh and! also hide other buttons from the nav-bar because why not */
:root:not([customizing]) #nav-bar-customization-target > :not(#urlbar-container){ visibility: collapse } :root:not([customizing]) #nav-bar-customization-target > :not(#urlbar-container){ visibility: collapse }
+1 -1
View File
@@ -6,7 +6,7 @@ See the above repository for updates as well as full license text. */
/* This style totally breaks bookmarks toolbar but can be used with autohide_bookmarks_toolbar.css */ /* This style totally breaks bookmarks toolbar but can be used with autohide_bookmarks_toolbar.css */
:root:not([customizing]) #navigator-toolbox{ display: grid; grid-template-rows: auto } :root:not([customizing]) #navigator-toolbox{ display: grid; grid-template-rows: auto }
:root:not([customizing]) #navigator-toolbox > *{ grid-area: 1/1; } :root:not([customizing]) #navigator-toolbox > :is(#titlebar,.browser-toolbar){ grid-area: 1/1; }
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; } :root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
#urlbar-container{ margin-top: 1px } #urlbar-container{ margin-top: 1px }
+1 -1
View File
@@ -21,7 +21,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi
grid-area: 1 / 1; grid-area: 1 / 1;
} }
#titlebar:hover #menubar-items + spacer::after{ #toolbar-menubar:hover #menubar-items + spacer::after{
background-image: none !important background-image: none !important
} }
+27 -64
View File
@@ -1,70 +1,33 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 132+ */ /* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
#navigator-toolbox{ @media not (-moz-bool-pref: "sidebar.verticalTabs"){
display: grid; .global-notificationbox,
grid-template-areas: "mb mb mb mb" #tab-notification-deck,
"pre toolbar1 post caption" #TabsToolbar{
"toolbar toolbar toolbar toolbar"; order: 1;
grid-auto-columns: min-content 1fr min-content min-content;
grid-template-rows: auto;
}
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
(-moz-gtk-csd-reversed-placement),
(-moz-platform: macos){
#navigator-toolbox{
grid-template-areas: "mb mb mb mb"
"caption pre toolbar1 post"
"toolbar toolbar toolbar toolbar";
grid-auto-columns: min-content min-content 1fr min-content;
} }
@media (-moz-platform: windows){ #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
#TabsToolbar .titlebar-buttonbox{ flex-direction: row-reverse; } display: none;
} }
} :root[tabsintitlebar][sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
#titlebar, display: flex !important;
#TabsToolbar{ }
display: contents; :root[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #nav-bar{
} & > .titlebar-buttonbox-container{
#TabsToolbar > .titlebar-buttonbox-container{ display: flex !important;
grid-area: caption; }
} :root[sizemode="normal"] & {
#TabsToolbar > .titlebar-spacer[type="pre-tabs"]{ & > .titlebar-spacer{
grid-area: pre; display: flex !important;
} }
#TabsToolbar > .titlebar-spacer[type="post-tabs"]{ }
grid-area: post; :root[sizemode="maximized"] & {
} & > .titlebar-spacer[type="post-tabs"]{
#private-browsing-indicator-with-label{ display: flex !important;
grid-area: post; }
& > label{ display: none } }
} }
.titlebar-spacer{ }
-moz-window-dragging: drag;
}
#nav-bar{
grid-area: toolbar1;
border-top: none !important;
}
#toolbar-menubar{
grid-area: mb;
border-bottom: 0.01px var(--tabs-navbar-separator-style) var(--tabs-navbar-separator-color);
}
#toolbar-menubar,
#TabsToolbar > .toolbar-items,
#PersonalToolbar,
.global-notificationbox,
#tab-notification-deck{
grid-column: 1/5;
}
.global-notificationbox,
#tab-notification-deck,
#TabsToolbar > .toolbar-items{
order: 1;
}
.titlebar-spacer,
#TabsToolbar > .titlebar-buttonbox-container{
background-color: var(--toolbar-bgcolor)
}
+1 -2
View File
@@ -16,6 +16,7 @@ See the above repository for updates as well as full license text. */
--uc-vertical-menubar-top: 72px; --uc-vertical-menubar-top: 72px;
} }
} }
#navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #toolbar-menubar,
#navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #titlebar > #toolbar-menubar{ #navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #titlebar > #toolbar-menubar{
--uc-vertical-menubar-top: 112px; --uc-vertical-menubar-top: 112px;
:root[uidensity="compact"] & { :root[uidensity="compact"] & {
@@ -42,8 +43,6 @@ See the above repository for updates as well as full license text. */
#main-menubar{ #main-menubar{
flex-direction: column; flex-direction: column;
align-self: flex-start; align-self: flex-start;
}
#main-menubar{
outline: 1px solid var(--arrowpanel-border-color); outline: 1px solid var(--arrowpanel-border-color);
background-color: light-dark(rgb(235, 235, 239), rgb(31, 30, 37)) background-color: light-dark(rgb(235, 235, 239), rgb(31, 30, 37))
} }