diff --git a/chrome/tabs_below_content_v2.css b/chrome/tabs_below_content_v2.css new file mode 100644 index 0000000..d5f1ca0 --- /dev/null +++ b/chrome/tabs_below_content_v2.css @@ -0,0 +1,109 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_below_content_v2.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Requires Fx 133+ */ +@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){ + #nav-bar > .titlebar-buttonbox-container{ + order: -1 !important; + > .titlebar-buttonbox{ + flex-direction: row-reverse; + } + } +} +@media not (-moz-bool-pref: "sidebar.verticalTabs"){ + #main-window > body{ + display: grid !important; + grid-template-rows: repeat(8,max-content) 1fr; + grid-auto-rows: auto; + } + #navigator-toolbox{ + display: contents; + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen]) #toolbar-menubar{ + min-height: 0 !important; + } + #main-window #browser{ + grid-row: 9/10; + } + #TabsToolbar{ + grid-row: 10/11; + background-attachment: scroll; + } + .browser-toolbar{ + background: inherit; + background-attachment: fixed; + } + #TabsToolbar > :is(.titlebar-buttonbox-container,.titlebar-spacer){ + display: none; + } + :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ + display: flex !important; + } + :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{ + > .titlebar-buttonbox-container{ + display: flex !important; + } + :root[sizemode="normal"] & { + > .titlebar-spacer{ + display: flex !important; + } + } + :root[sizemode="maximized"] & { + > .titlebar-spacer[type="post-tabs"]{ + display: flex !important; + } + } + @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"), + (-moz-gtk-csd-reversed-placement), + (-moz-platform: macos){ + > .titlebar-spacer[type="post-tabs"]{ + display: none !important; + } + > .titlebar-spacer[type="pre-tabs"]{ + display: flex !important; + } + } + } + @media (-moz-bool-pref: "browser.fullscreen.autohide"){ + #main-window[sizemode="fullscreen"]:not([inDOMFullscreen]){ + > body { + grid-template-rows: repeat(8,0px) 1fr; + grid-auto-rows: 0px; + } + & #nav-bar{ + height: min-content; + z-index: 1; + transition: transform 133ms ease-in-out 400ms !important; + transform: rotateX(89.9deg); + transform-origin: top; + &:hover{ + transition-delay: 0ms !important; + transform: rotateX(0deg); + } + } + & #TabsToolbar{ + opacity: 0 !important; + will-change: unset !important; + transform: translateY(calc(100% - 1px)); + transition: transform 66.7ms ease-in-out 100ms, opacity 66.7ms linear 66.7ms !important; + height: min-content; + align-self: end; + z-index: 2; + &:hover{ + transition-delay: 0ms !important; + transform: translateY(0); + opacity: 1 !important; + } + } + & #mainPopupSet:has(> [panelopen]) ~ #navigator-toolbox > #nav-bar{ + transition-delay: 0ms !important; + transform: rotateX(0deg); + } + & #mainPopupSet:has(> #tabContextMenu:hover) ~ #navigator-toolbox #TabsToolbar{ + transition-delay: 0ms; + transform: translateY(0); + opacity: 1 !important; + } + } + } +} \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index 696978c..06498f6 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -139,6 +139,7 @@ "tab_separator_lines.css":["tab","proton"], "tabs_animated_gradient_border.css":["hack","effect","tabs"], "tabs_below_content.css":["toolbars","tabs"], +"tabs_below_content_v2.css":["toolbars","tabs"], "tabs_fill_available_width.css":["tab","tabs"], "tabs_on_bottom.css":["tabs","toolbars","classic"], "tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"], diff --git a/tags.csv b/tags.csv index a2a4ca5..879d62f 100644 --- a/tags.csv +++ b/tags.csv @@ -138,6 +138,7 @@ tab_loading_progress_throbber.css,tab,icon,effect tab_separator_lines.css,tab,proton tabs_animated_gradient_border.css,hack,effect,tabs tabs_below_content.css,toolbars,tabs +tabs_below_content_v2.css,toolbars,tabs tabs_fill_available_width.css,tab,tabs tabs_on_bottom.css,tabs,toolbars,classic tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch