tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

code cleanup: remove rules using #titlebar

Browse Source
This commit is contained in:
MrOtherGuy
2025-11-02 06:23:35 +02:00
parent 3e6975e347
commit a7bcb11625
19 changed files with 11 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
chrome/autohide_bookmarks_and_main_toolbars.css
+1 -1
View File
@@ -139,7 +139,7 @@ See the above repository for updates as well as full license text. */
/* This makes the tab notification box show immediately below tabs, otherwise it would break the layout */
#navigator-toolbox > div{ display: contents }
:where(#titlebar,#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
:where(#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
order: -1;
}
:root[BookmarksToolbarOverlapsBrowser] #navigator-toolbox{
chrome/autohide_main_toolbar.css
-2
View File
@@ -25,7 +25,6 @@ See the above repository for updates as well as full license text. */
position: relative;
z-index: 2;
}
#titlebar{ position: relative; z-index: 3 }
#navigator-toolbox,
#sidebar-box,
@@ -42,7 +41,6 @@ See the above repository for updates as well as full license text. */
transition-delay: 0s !important;
}
/* Show when toolbox is hovered */
#titlebar:hover ~ .browser-toolbar,
.browser-titlebar:hover ~ :is(#nav-bar,#PersonalToolbar),
#nav-bar:hover,
#nav-bar:hover + #PersonalToolbar{
chrome/autohide_tabstoolbar.css
+2 -13
View File
@@ -8,25 +8,14 @@ See the above repository for updates as well as full license text. */
z-index: 1;
}
#navigator-toolbox:not(:hover) > #titlebar{
-moz-window-dragging: no-drag !important;
pointer-events: none
}
:root:not([customizing],[chromehidden~="menubar"]) #navigator-toolbox:hover,
:root:not([customizing],[chromehidden~="menubar"]) #titlebar{
:root:not([customizing],[chromehidden~="menubar"]) #navigator-toolbox:hover{
margin-bottom: calc(0px - 2 * var(--tab-block-margin) - var(--tab-min-height));
}
#TabsToolbar:not([customizing]){ visibility: hidden; transition: visibility 0ms linear 200ms }
#navigator-toolbox,
#titlebar{ transition: margin-bottom 48ms ease-out 200ms !important }
#navigator-toolbox{ transition: margin-bottom 48ms ease-out 200ms !important }
#navigator-toolbox:hover{ transition-delay: 0s !important }
#navigator-toolbox:hover > #titlebar{
margin-bottom: 0px;
transition-delay: 0s !important;
}
#navigator-toolbox:hover #TabsToolbar{
visibility: visible;
chrome/autohide_toolbox.css
-4
View File
@@ -95,11 +95,7 @@ See the above repository for updates as well as full license text. */
padding-block: calc(min(4px,(var(--urlbar-container-height) - var(--urlbar-height)) / 2) + var(--urlbar-container-padding)) !important;
}
/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
/*#titlebar{ margin-bottom: -9px }*/
/* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
/*
#navigator-toolbox{ flex-direction: column; display: flex; }
#titlebar{ order: 2 }
*/
chrome/click_selected_tab_to_focus_urlbar.css
+2 -4
View File
@@ -23,8 +23,7 @@ See the above repository for updates as well as full license text. */
:root:is([sizemode="maximized"],[sizemode="fullscreen"]){
--uc-window-drag-space-width: 0px;
}
#toolbar-menubar:is([autohide="false"],not([autohide])) ~ #nav-bar,
#titlebar:has(> #toolbar-menubar:is([autohide="false"],not([autohide]))) + #nav-bar{
#toolbar-menubar:is([autohide="false"],not([autohide])) ~ #nav-bar{
--uc-window-drag-space-width: 0px;
--uc-menubar-height: 28px;
}
@@ -61,8 +60,7 @@ See the above repository for updates as well as full license text. */
z-index: 1;
pointer-events: none
}
:root[customtitlebar] .browser-titlebar,
#titlebar{
:root[customtitlebar] .browser-titlebar{
opacity: 1 !important;
will-change: unset !important;
transition: none !important;
chrome/combined_tabs_and_main_toolbars.css
-4
View File
@@ -43,10 +43,6 @@ See the above repository for updates as well as full license text. */
max-height: var(--urlbar-container-height);
align-self: center;
}
#titlebar{
-moz-appearance: none !important;
flex-grow: 1;
}
.tab-close-button{
padding-inline-start: 6px !important;
width: 24px !important;
chrome/hide_tabs_with_one_tab.css
-1
View File
@@ -10,7 +10,6 @@ This will NOT work correctly if you have hidden tabs such as with tab groups ext
:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
#titlebar{ -moz-appearance: none !important; }
#TabsToolbar{ min-height: 0px !important }
#tabbrowser-tabs,
chrome/hide_toolbox_top_bottom_borders.css
-7
View File
@@ -4,15 +4,8 @@ See the above repository for updates as well as full license text. */
:root[sizemode="normal"]{ border-top: none !important }
#navigator-toolbox::after{ content: none !important }
#navigator-toolbox{ border-bottom: none !important }
/* Removes few remaining extra lines above tabs in non-maximized windows */
/* Also prevents small vertical shift when moving tabs in compact density - who knows why */
:root[sizemode="normal"] #titlebar{ -moz-appearance: none !important; }
/* OPTIONAL - uncomment to remove still remaining space atop of tabs */
/* This just increases the height of tabs by few pixels, not decrease the toolbar height */
/* Fx pre-65 */
/* #navigator-toolbox > #TabsToolbar{margin-top: -2px;} */
/* Fx65+ */
/* #TabsToolbar > .toolbar-items > spacer{ display: none; } */
chrome/menubar_in_tabs_toolbar.css
-3
View File
@@ -1,9 +1,6 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
:root:not([customizing]) #titlebar{
flex-direction: row;
}
#toolbar-menubar > .titlebar-buttonbox-container,
#toolbar-menubar > spacer{ display: none; }
chrome/minimal_toolbarbuttons_v2.css
-1
View File
@@ -29,7 +29,6 @@ toolbar:hover .toolbarbutton-1,
#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *,
#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *,
#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > *,
#titlebar:hover ~ toolbar .toolbarbutton-1 > *,
#TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
toolbar .toolbarbutton-1 > *,
#tabbrowser-tabs toolbarbutton > *,
chrome/minimal_toolbarbuttons_v3.css
-1
View File
@@ -39,7 +39,6 @@ toolbar .toolbarbutton-1 > *,
toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
#nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
#PanelUI-menu-button:hover > stack,
#titlebar:hover ~ toolbar .toolbarbutton-1 > *,
#TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
.toolbarbutton-1[open] > *,
.titlebar-buttonbox:hover > .titlebar-button > *,
chrome/multi-row_tabs_window_control_patch.css
-5
View File
@@ -20,11 +20,6 @@ See the above repository for updates as well as full license text. */
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
display: none !important;
}
#titlebar{
flex-direction: column-reverse;
will-change: unset !important;
opacity: 1 !important;
}
#toolbar-menubar{
height: 40px;
margin-bottom: -40px;
chrome/non_floating_sharp_tabs.css
+2 -4
View File
@@ -31,8 +31,7 @@ See the above repository for updates as well as full license text. */
--toolbarbutton-inner-padding: 7px !important;
}
/* 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]) > #TabsToolbar{
--toolbar-bgcolor: transparent;
}
@@ -135,8 +134,7 @@ See the above repository for updates as well as full license text. */
.tab-group-line{
order: -1;
}
:where(#navigator-toolbox) > #TabsToolbar,
#titlebar{
:where(#navigator-toolbox) > #TabsToolbar{
will-change: unset !important;
transition: none !important;
opacity: 1 !important;
chrome/selected_tab_as_urlbar.css
+1 -6
View File
@@ -77,8 +77,7 @@ See the above repository for updates as well as full license text. */
background-color: var(--toolbar-field-focus-background-color) !important;
background-size: auto !important;
}
:root:not([customizing]) #navigator-toolbox > #TabsToolbar,
:root:not([customizing]) #titlebar{
:root:not([customizing]) #navigator-toolbox > #TabsToolbar{
margin-bottom: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin));
}
@@ -114,7 +113,3 @@ See the above repository for updates as well as full license text. */
box-shadow: none !important;
background-color: transparent !important;
}
:root[customtitlebar] #titlebar:has(> #toolbar-menubar:is([autohide="false"],not([autohide]))) + #nav-bar{
border-inline-width: 0 !important;
}
chrome/show_navbar_on_focus_only.css
+1 -2
View File
@@ -6,8 +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 */
:root:not([customizing]) #navigator-toolbox{ display: grid; grid-template-rows: auto }
:root:not([customizing]) #navigator-toolbox > :is(#titlebar,.browser-toolbar){ grid-area: 1/1; }
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
:root:not([customizing]) #navigator-toolbox > .browser-toolbar{ grid-area: 1/1; }
#urlbar-container{ margin-top: 1px }
:root[sessionrestored] #nav-bar:not([customizing]){
chrome/tabs_below_content.css
-8
View File
@@ -18,11 +18,6 @@ linux_gtk_window_control_patch.css
z-index: 3;
visibility: visible !important;
}
#titlebar{
will-change: unset !important;
transition: none !important;
opacity: 1 !important;
}
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
(-moz-gtk-csd-reversed-placement),
(-moz-platform: macos){
@@ -38,9 +33,6 @@ linux_gtk_window_control_patch.css
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
@media (-moz-platform: windows){
#titlebar{ -moz-appearance: none !important; }
}
/* Move tabs below content */
#main-window > body::after{
content: "";
chrome/vertical_menubar.css
+1 -6
View File
@@ -16,17 +16,12 @@ See the above repository for updates as well as full license text. */
--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"]) > #toolbar-menubar{
--uc-vertical-menubar-top: 112px;
:root[uidensity="compact"] & {
--uc-vertical-menubar-top: 94px;
}
}
#titlebar{
opacity: 1 !important;
will-change: unset !important;
}
:root:not([customizing]) #toolbar-menubar{
position: fixed;
flex-direction: column;
chrome/vertical_popup_menubar.css
+1 -2
View File
@@ -60,8 +60,7 @@ See the above repository for updates as well as full license text. */
#file-menu > .menubar-text{ visibility: collapse }
#main-menubar:hover > #file-menu > .menubar-text{ visibility: visible }
.browser-titlebar,
#titlebar{
.browser-titlebar{
opacity: 1 !important;
will-change: unset !important;
}
chrome/vertical_tabs.css
-5
View File
@@ -112,8 +112,3 @@ scrollbox[orient="horizontal"]{
#scrollbutton-down{
display: var(--uc-scrollbutton-display,initial);
}
#titlebar{
will-change: unset !important;
transition: none !important;
opacity: 1 !important;
}