From a306281eb8fbf4007c2e436b8ee9918542aa5389 Mon Sep 17 00:00:00 2001 From: Xiao Pan Date: Sat, 11 Jan 2025 19:43:41 -0800 Subject: fix firefox url bar on top of buttons and buttons overlap --- home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'home') diff --git a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css index 526f3078..16bf50b2 100644 --- a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css +++ b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/chrome/userChrome.css @@ -6,6 +6,14 @@ I choose to use vw because after resize to a smaller window, the navigation bar I choose a lower vw to give more room to tabs. */ #navigator-toolbox { --uc-navigationbar-width: 30vw !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; } + /* hide history back, forward-button, and ^ alltabs-button */ #back-button, #forward-button, #alltabs-button { display: none !important; } -- cgit v1.2.3-70-g09d2