From 26489fc1f883cb94ae0d6bc5a10cf434a8eae0d4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 10 May 2023 19:37:14 +0300 Subject: [PATCH] create centered_statuspanel.css and deprecate old one This new defaults to bottom layout, but can be moved to top by setting pref userchrome.centered-statuspanel.on-top.enabled --- chrome/centered_statuspanel.css | 23 +++++++++++++++++++ .../centered_top_statuspanel.css | 2 +- html_resources/tagmap.json | 5 ++-- tags.csv | 3 ++- 4 files changed, 29 insertions(+), 4 deletions(-) create mode 100644 chrome/centered_statuspanel.css rename chrome/{ => deprecated}/centered_top_statuspanel.css (80%) diff --git a/chrome/centered_statuspanel.css b/chrome/centered_statuspanel.css new file mode 100644 index 0000000..f6cee58 --- /dev/null +++ b/chrome/centered_statuspanel.css @@ -0,0 +1,23 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_statuspanel.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +#statuspanel:not([hidden]){ + display: flex !important; + justify-self: center !important; + padding-top: 0 !important; + inset-inline: auto !important; +} +#statuspanel-label{ + border-width: 1px 1px 0px 1px !important; + border-style: solid !important; + margin-inline: auto !important; +} +/* Set this pref to true in about:config to make statuspanel show at top instead */ +@supports -moz-bool-pref("userchrome.centered-statuspanel.on-top.enabled"){ + #statuspanel:not([hidden]){ + inset-block: 0 auto !important; + } + #statuspanel-label{ + border-width: 0 1px 1px 1px !important; + } +} \ No newline at end of file diff --git a/chrome/centered_top_statuspanel.css b/chrome/deprecated/centered_top_statuspanel.css similarity index 80% rename from chrome/centered_top_statuspanel.css rename to chrome/deprecated/centered_top_statuspanel.css index 6bfb260..cc11b38 100644 --- a/chrome/centered_top_statuspanel.css +++ b/chrome/deprecated/centered_top_statuspanel.css @@ -1,4 +1,4 @@ -/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_top_statuspanel.css made available under Mozilla Public License v. 2.0 +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/deprecated/centered_top_statuspanel.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */ #statuspanel:not([hidden]){ diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index 0c5b41e..3ef3f9a 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -17,7 +17,7 @@ "buttonlike_toolbarbuttons.css":["buttons"], "centered_tab_content.css":["tab","icon"], "centered_tab_label.css":["tab"], -"centered_top_statuspanel.css":["status"], +"centered_top_statuspanel.css":["legacy"], "context_menus_more_proton.css":["proton","menu"], "classic_firefox_menu_button.css":["classic","menu"], "classic_grid_main_menu_popup.css":["classic","menu","popup"], @@ -161,5 +161,6 @@ "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"] +"status_inside_menubar.css":["menubar","status","hack"], +"centered_statuspanel.css":["status"] } diff --git a/tags.csv b/tags.csv index e2e25c3..59fa8f8 100644 --- a/tags.csv +++ b/tags.csv @@ -16,7 +16,7 @@ button_effect_scale_onhover.css,buttons,effect buttonlike_toolbarbuttons.css,buttons centered_tab_content.css,tab,icon centered_tab_label.css,tab -centered_top_statuspanel.css,status +centered_top_statuspanel.css,legacy context_menus_more_proton.css,proton,menu classic_firefox_menu_button.css,classic,menu classic_grid_main_menu_popup.css,classic,menu,popup @@ -161,3 +161,4 @@ 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 +centered_statuspanel.css,status