From 4e2583307b550f7485bfc8dc7450facfe5bc9586 Mon Sep 17 00:00:00 2001 From: Xiao Pan Date: Wed, 5 Nov 2025 19:03:37 +0800 Subject: firefox csshack navbar_tabs_oneliner.css deprecated, switch to oneline_toolbar.css See firefox-csshack commit 831ff094baa329d57c989ccc9fbaebff10e236ed, it wrote oneline_toolbar.css is navbar_tabs_oneliner.css. Now navbar_tabs_oneliner.css moved to deprecated/ dir. --- .../firefox/xxxxxxxx.fly/chrome/userChrome.css | 39 ++++++++++++++++++---- 1 file changed, 32 insertions(+), 7 deletions(-) (limited to 'home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css') diff --git a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css index 16bf50b2..1d45123d 100644 --- a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css +++ b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css @@ -1,18 +1,43 @@ -@import url(firefox-csshacks/chrome/navbar_tabs_oneliner.css); +/* need `user_pref("userchrome.navbar-tabs-oneliner.tabs-on-right.enabled", + * true);` in /home/xyz/.mozilla/firefox/xxxxxxxx.fly/user-overrides.js to make + * its tab on right instead of left, like old + * firefox-csshacks/chrome/deprecated/navbar_tabs_oneliner.css */ +@import url(firefox-csshacks/chrome/oneline_toolbar.css); @import url(firefox-csshacks/chrome/urlbar_popup_full_width.css); -/* On my laptop with linux, if only has more tool >> button and application menu hambugger button, need at least 733px for search bookmarks urls and title shown in one line, or 39vw when full screen on my xyzinsp laptop. Not sure why % is not working. -I choose to use vw because after resize to a smaller window, the navigation bar will be too big if use px. -I choose a lower vw to give more room to tabs. */ -#navigator-toolbox { --uc-navigationbar-width: 30vw !important; } +/* In the past I use old + * firefox-csshacks/chrome/deprecated/navbar_tabs_oneliner.css, on my laptop + * with linux, if only has more tool >> button and application menu hambugger + * button, need at least 733px for --uc-navigationbar-width for search + * bookmarks urls and title shown in one line, or 39vw when full screen on my + * xyzinsp laptop. Not sure why % is not working. + * + * I choose to use vw because after resize to a smaller window, the navigation + * bar will be too big if use px. + * + * I choose a lower vw to give more room to tabs. + * + * Now I use new firefox-csshacks/chrome/oneline_toolbar.css, + * --uc-navigationbar-width not work any more, by reading the css source code I + * use grid-template-columns instead, and I use 3fr which seems mean 30% which + * is similar to vw */ +#navigator-toolbox { grid-template-columns: 3fr 7fr !important; } /* Narror windows will cause url bar on top of extensions button, hamburger * button, and tabs. It will also cause extensions button and hamburger button * overlap each other. I don't care if url bar is too narror. I prefer url bar * never on top of other items. I prefer extensions button and hamburger button * never overlap. Set min-width to 0 for urlbar-container gives me the result I - * want */ -#urlbar-container { min-width: 0 !important; } + * want. + * + * When using new firefox-csshacks/chrome/oneline_toolbar.css instead of old + * firefox-csshacks/chrome/legacy/navbar_tabs_oneliner.css, also need + * `flex-shrink: 1 !important;` instead of only `min-width: 0 !important;` for + * it to work */ +#urlbar-container{ + min-width: 0 !important; + flex-shrink: 1 !important; +} /* hide history back, forward-button, and ^ alltabs-button */ #back-button, #forward-button, #alltabs-button { display: none !important; } -- cgit v1.2.3-70-g09d2