From 97b9f5c3d8080c4e8417377ca16103a22a3b50d1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 14 Apr 2023 06:31:27 +0300 Subject: [PATCH] create status_inside_menubar.css --- chrome/status_inside_menubar.css | 48 ++++++++++++++++++++++++++++++++ html_resources/tagmap.json | 3 +- tags.csv | 1 + 3 files changed, 51 insertions(+), 1 deletion(-) create mode 100644 chrome/status_inside_menubar.css diff --git a/chrome/status_inside_menubar.css b/chrome/status_inside_menubar.css new file mode 100644 index 0000000..e89debd --- /dev/null +++ b/chrome/status_inside_menubar.css @@ -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); +} \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index c10a7e6..0c5b41e 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -160,5 +160,6 @@ "vertical_urlbar_one-off_items.css":["urlbar"], "overlay_sidebar_header.css":["sidebar","hack"], "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"] } diff --git a/tags.csv b/tags.csv index 4851bce..e2e25c3 100644 --- a/tags.csv +++ b/tags.csv @@ -160,3 +160,4 @@ vertical_urlbar_one-off_items.css,urlbar overlay_sidebar_header.css,sidebar,hack compact_extensions_panel.css,popup,menu,minimal tab_animated_active_border.css,tab,effect,colors +status_inside_menubar.css,menubar,status,hack