1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
/* 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; }
|
