fix firefox url bar on top of buttons and buttons overlap

1 files changed, 8 insertions, 0 deletions

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; }