|
3 | 3 | /****************************************************************************************/ |
4 | 4 |
|
5 | 5 |
|
6 | | -@import "./tabs_below_navigation_toolbar_fx128-132.css"; |
| 6 | +@import "./tabs_below_navigation_toolbar.css"; |
7 | 7 |
|
8 | 8 | /* [!] NOT A STANDALONE FILE! */ |
9 | 9 | /* [!] This code does not achieve the requested result without above files content! */ |
|
15 | 15 | --tab_below_main_content_top_margin: -3px; |
16 | 16 | } |
17 | 17 |
|
18 | | -#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { |
19 | | - padding-bottom: 1px !important; |
20 | | -} |
21 | 18 |
|
22 | 19 | #main-window:not([inDOMFullscreen="true"]) #TabsToolbar { |
23 | | - position: fixed !important; |
24 | | - display: block !important; |
| 20 | + position: fixed; |
| 21 | + display: block; |
| 22 | + bottom: 0; |
| 23 | + width: 100vw; |
| 24 | + background-clip: padding-box; |
| 25 | + color: var(--toolbar-color); |
| 26 | + min-height: 0 !important; |
| 27 | + height: var(--tab_below_main_content_toolbar_height) !important; |
| 28 | + max-height: unset !important; |
| 29 | + border-top: 1px solid ThreeDShadow !important; |
25 | 30 | } |
26 | 31 |
|
27 | | -#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { |
28 | | - padding-bottom: 0px !important; |
29 | | - border-bottom: 1px solid threedshadow !important; |
| 32 | +#tabbrowser-tabs { |
| 33 | + width: 100%; |
30 | 34 | } |
31 | | -/* |
| 35 | + |
32 | 36 | #main-window:not([inDOMFullscreen="true"]) #browser, |
33 | 37 | #main-window:not([inDOMFullscreen="true"]) #customization-container { |
34 | 38 | margin-bottom: var(--tab_below_main_content_bottom_margin) !important; |
35 | | -}*/ |
| 39 | +} |
36 | 40 |
|
37 | | -#TabsToolbar { |
38 | | - min-height: 0 !important; |
39 | | - height: var(--tab_below_main_content_toolbar_height) !important; |
40 | | - max-height: unset !important; |
41 | | - border-top: 1px solid ThreeDShadow !important; |
| 41 | +#navigator-toolbox { |
| 42 | + z-index: 3 !important; |
| 43 | +} |
| 44 | + |
| 45 | +#main-window:is([tabsintitlebar],[customtitlebar]):not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) #toolbar-menubar[inactive] ~ #nav-bar { |
| 46 | + padding-top: 24px !important; |
| 47 | +} |
| 48 | + |
| 49 | +#toolbar-menubar, |
| 50 | +#main-window:is([tabsintitlebar],[customtitlebar])[sizemode="fullscreen"] #nav-bar { |
| 51 | + padding-inline-end: 140px !important; |
| 52 | +} |
| 53 | + |
| 54 | +#main-window:is([tabsintitlebar],[customtitlebar])[sizemode="fullscreen"] #toolbar-menubar[inactive] ~ #nav-bar { |
| 55 | + padding-top: initial !important; |
42 | 56 | } |
43 | 57 |
|
44 | | -#main-window:not([inDOMFullscreen="true"]) #TabsToolbar-customization-target { |
45 | | - margin-top: var(--tab_below_main_content_top_margin) !important; |
| 58 | +#toolbar-menubar:not([inactive]) { |
| 59 | + height: 24px !important; |
46 | 60 | } |
47 | 61 |
|
48 | 62 | /* lw-theme support */ |
|
56 | 70 | /* caption button position in maximized mode after moving to the top */ |
57 | 71 | #main-window:is([tabsintitlebar],[customtitlebar]):not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container, |
58 | 72 | #main-window:is([tabsintitlebar],[customtitlebar])[sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container { |
59 | | - top: 0px !important; |
| 73 | + top: 0 !important; |
60 | 74 | } |
61 | 75 |
|
62 | | - |
| 76 | +/* macOS support*/ |
63 | 77 | @media (-moz-platform: macos) { |
64 | 78 |
|
65 | 79 | #main-window:is([tabsintitlebar],[customtitlebar]):not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) #navigator-toolbox { |
66 | 80 | padding-top: 24px !important; |
67 | 81 | } |
68 | 82 |
|
69 | | - #main-window:is([tabsintitlebar],[customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #titlebar { |
70 | | - height: 0 !important; |
71 | | - padding-top: 0 !important; |
72 | | - z-index: 1 !important; |
73 | | - } |
74 | | - |
75 | 83 | #main-window[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #browser, |
76 | 84 | #main-window[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #customization-container { |
77 | 85 | margin-bottom: 0 !important; |
78 | 86 | } |
79 | 87 |
|
80 | 88 | } |
81 | | - |
82 | | -#navigator-toolbox { |
83 | | - z-index: 3 !important; |
84 | | -} |
85 | | - |
86 | | -/* Fx 133+ adjustments */ |
87 | | -#toolbar-menubar[inactive] ~ #nav-bar { |
88 | | - padding-top: 28px !important; |
89 | | -} |
90 | | - |
91 | | -#toolbar-menubar { |
92 | | - padding-inline-end: 140px; |
93 | | -} |
94 | | - |
95 | | -#toolbar-menubar:not([inactive]) { |
96 | | - height: 28px !important; |
97 | | -} |
98 | | - |
99 | | - |
100 | | -#main-window:is([tabsintitlebar],[customtitlebar])[sizemode="fullscreen"] #nav-bar { |
101 | | - padding-inline-end: 140px !important; |
102 | | -} |
103 | | - |
104 | | -#main-window:is([tabsintitlebar],[customtitlebar])[sizemode="fullscreen"] #toolbar-menubar[inactive] ~ #nav-bar { |
105 | | - padding-top: initial !important; |
106 | | -} |
0 commit comments