firefox csshack navbar_tabs_oneliner.css deprecated, switch to oneline_toolbar.cssHEADmaster

See firefox-csshack commit 831ff094baa329d57c989ccc9fbaebff10e236ed, it
wrote oneline_toolbar.css is navbar_tabs_oneliner.css. Now
navbar_tabs_oneliner.css moved to deprecated/ dir.

2 files changed, 40 insertions, 7 deletions

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; }
diff --git a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/user-overrides.js b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/user-overrides.js
index 6dd0dc8c..8e8c9f33 100644
--- a/home/xyz/.mozilla/firefox/xxxxxxxx.fly/user-overrides.js
+++ b/home/xyz/.mozilla/firefox/xxxxxxxx.fly/user-overrides.js
@@ -98,6 +98,14 @@ user_pref("browser.urlbar.suggest.topsites", false);
 //user_pref("browser.startup.page", 1);
 //user_pref("browser.startup.homepage", "javascript:");
 
+// no need on pinephone
+//
+// chrome/userChrome.css need this for
+// chrome/firefox-csshacks/chrome/oneline_toolbar.css to work like old
+// chrome/firefox-csshacks/chrome/deprecated/navbar_tabs_oneliner.css with tab
+// on right instead of left
+user_pref("userchrome.navbar-tabs-oneliner.tabs-on-right.enabled", true);
+
 // I switched to pass, no need firefox password manager anymore
 user_pref("signon.rememberSignons", false);
 // no need credit card save and autofill