create status_inside_menubar.css

This commit is contained in:
MrOtherGuy 2023-04-14 06:31:27 +03:00
parent 0c1a86cec5
commit 97b9f5c3d8
3 changed files with 51 additions and 1 deletions

View file

@ -0,0 +1,48 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/status_inside_menubar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/**************
IMPORTANT WARNING
Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly.
Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065
As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware.
**************/
#menubar-items + spacer::after{
z-index: 2;
content: "";
display: flex;
width: 100%;
height: 100%;
pointer-events:none;
background-position: left -3px;
background-repeat: no-repeat;
background-image: -moz-element(#statuspanel);
grid-area: 1 / 1;
}
#titlebar:hover #menubar-items + spacer::after{
background-image: none !important
}
#statuspanel-label{
height:3em;
min-width: 1000px;
background: transparent !important;
border: none !important;
font-size: 1.15em;
color: inherit !important;
margin-right: 0px !important;
}
#statuspanel{
color: var(--lwt-text-color);
z-index: -1;
max-width: 100% !important;
padding-top: 0 !important;
}
/* This creates opaque layer to be shown in front of "hidden" real statuspanel */
.browserStack{
background-color: var(--tabpanel-background-color);
}

View file

@ -160,5 +160,6 @@
"vertical_urlbar_one-off_items.css":["urlbar"], "vertical_urlbar_one-off_items.css":["urlbar"],
"overlay_sidebar_header.css":["sidebar","hack"], "overlay_sidebar_header.css":["sidebar","hack"],
"compact_extensions_panel.css":["popup","menu","minimal"], "compact_extensions_panel.css":["popup","menu","minimal"],
"tab_animated_active_border.css":["tab","effect","colors"] "tab_animated_active_border.css":["tab","effect","colors"],
"status_inside_menubar.css":["menubar","status","hack"]
} }

View file

@ -160,3 +160,4 @@ vertical_urlbar_one-off_items.css,urlbar
overlay_sidebar_header.css,sidebar,hack overlay_sidebar_header.css,sidebar,hack
compact_extensions_panel.css,popup,menu,minimal compact_extensions_panel.css,popup,menu,minimal
tab_animated_active_border.css,tab,effect,colors tab_animated_active_border.css,tab,effect,colors
status_inside_menubar.css,menubar,status,hack

1 auto_devtools_theme_for_rdm.css,devtools,colors
160 overlay_sidebar_header.css,sidebar,hack
161 compact_extensions_panel.css,popup,menu,minimal
162 tab_animated_active_border.css,tab,effect,colors
163 status_inside_menubar.css,menubar,status,hack