/* 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);

/* 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.
 *
 * 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; }

/* hide minimize, restore, and close button when in full screen mode */
#minimize-button, #restore-button, #close-button { display: none !important; }