From 0add7595b6643b895bdafef0ae7c13f7329772ea Mon Sep 17 00:00:00 2001 From: Okamoi Date: Wed, 20 Sep 2017 11:06:58 +0000 Subject: [PATCH 1/3] Move the tab bar to bottom of the window (Win7) --- toolbars/bottom-of-window-tabbar-Windows7.css | 54 +++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 toolbars/bottom-of-window-tabbar-Windows7.css diff --git a/toolbars/bottom-of-window-tabbar-Windows7.css b/toolbars/bottom-of-window-tabbar-Windows7.css new file mode 100644 index 0000000..3cd15ea --- /dev/null +++ b/toolbars/bottom-of-window-tabbar-Windows7.css @@ -0,0 +1,54 @@ +/* + * Description: Moves the tab bar down the window. Only for Windows 7. + * + * Screenshot: https://s26.postimg.org/u6w5t4nu1/Tabs-bottom-of-window.png + * + * Bugs in fullscreen: + * 1/ The padding at the bottom of the window does not disappear. + * 2/ Top-of-the-window UI, while it disappears correctly and reappears just fine when moving + * the mouse near the top of the screen, doesn't disappear again. (Work around: Turn off full screen and then on again) + * + * Tested on Windows 7, Firefox 55 + * + * Contributor(s): Reddit's /u/marciiF, Okamoi + * Licenced GPLv3 + */ + + +/* Required for the tab bar to be visible down the window */ +#content-deck { + position: relative !important; +} + +/* Makes sure the halo effect on the tabs bar appears below content */ +#navigator-toolbox { + overflow: initial !important; +} + +/* Move tabs bar down */ +#main-window[tabsintitlebar] #TabsToolbar { + transform: translateY( calc(100vh - var(--tab-min-height)) ) !important; +} +/* Move tabs bar down when the profile has `browser.tabs.drawInTitlebar` set to `false` */ +#main-window:not([tabsintitlebar]) #TabsToolbar { + transform: translateY(100vh) !important; +} + +/* Remove margin at the top since the tab bar is going down */ +#main-window[tabsintitlebar] #navigator-toolbox:not([fullscreenShouldAnimate]) { + margin-top: calc(var(--space-above-tabbar) - var(--tab-min-height)) !important; +} +/* Remove margin at the top when the profile has `browser.tabs.drawInTitlebar` set to `false` */ +#main-window:not([tabsintitlebar]) #navigator-toolbox:not([fullscreenShouldAnimate]) { + margin-top: calc(0px - var(--tab-min-height)) !important; +} + +/* Maximized window requires different margin to make room for minimize/restore/close buttons. */ +#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox:not([fullscreenShouldAnimate]) { + margin-top: calc(var(--space-above-tabbar) - var(--tab-min-height) + 12px) !important; +} + +/* This adds padding to the bottom of the window to make room for the tabs bar. It should disappear on full screen but doesn't (TODO) */ +#browser-panel { + padding-bottom: var(--tab-min-height) !important; +} From 21a1f061e041ae521672a755398c0db7826419d3 Mon Sep 17 00:00:00 2001 From: Okamoi Date: Wed, 20 Sep 2017 12:03:41 +0000 Subject: [PATCH 2/3] Removed bottom padding in full screen --- toolbars/bottom-of-window-tabbar-Windows7.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/toolbars/bottom-of-window-tabbar-Windows7.css b/toolbars/bottom-of-window-tabbar-Windows7.css index 3cd15ea..819d28c 100644 --- a/toolbars/bottom-of-window-tabbar-Windows7.css +++ b/toolbars/bottom-of-window-tabbar-Windows7.css @@ -4,9 +4,9 @@ * Screenshot: https://s26.postimg.org/u6w5t4nu1/Tabs-bottom-of-window.png * * Bugs in fullscreen: - * 1/ The padding at the bottom of the window does not disappear. - * 2/ Top-of-the-window UI, while it disappears correctly and reappears just fine when moving + * 1/ Top-of-the-window UI, while it disappears correctly and reappears just fine when moving * the mouse near the top of the screen, doesn't disappear again. (Work around: Turn off full screen and then on again) + * 2/ The tab bar at the bottom of the window does not reappear with the rest of the UI. (Same work around) * * Tested on Windows 7, Firefox 55 * @@ -48,7 +48,7 @@ margin-top: calc(var(--space-above-tabbar) - var(--tab-min-height) + 12px) !important; } -/* This adds padding to the bottom of the window to make room for the tabs bar. It should disappear on full screen but doesn't (TODO) */ -#browser-panel { +/* This adds padding to the bottom of the window to make room for the tabs bar. */ +#main-window:not([sizemode="fullscreen"]) #browser-panel { padding-bottom: var(--tab-min-height) !important; } From 07a8f3faee59184b3c81e60a6506ad5680352ca9 Mon Sep 17 00:00:00 2001 From: Okamoi Date: Wed, 20 Sep 2017 14:25:00 +0000 Subject: [PATCH 3/3] Add TODO to show the menubar needs fixing --- toolbars/bottom-of-window-tabbar-Windows7.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/toolbars/bottom-of-window-tabbar-Windows7.css b/toolbars/bottom-of-window-tabbar-Windows7.css index 819d28c..2dd8eff 100644 --- a/toolbars/bottom-of-window-tabbar-Windows7.css +++ b/toolbars/bottom-of-window-tabbar-Windows7.css @@ -7,6 +7,8 @@ * 1/ Top-of-the-window UI, while it disappears correctly and reappears just fine when moving * the mouse near the top of the screen, doesn't disappear again. (Work around: Turn off full screen and then on again) * 2/ The tab bar at the bottom of the window does not reappear with the rest of the UI. (Same work around) + * + * TODO: Better support menubar * * Tested on Windows 7, Firefox 55 *