From 163b8df4567aa7afb94ed311a178a16496d8f602 Mon Sep 17 00:00:00 2001 From: Adam Stück Date: Wed, 17 Jan 2024 19:04:36 +0100 Subject: firefox: hide tab bar Intended to be used with a vertical tabs extension. https://github.com/Croydon/vertical-tabs-reloaded https://superuser.com/questions/1424478/can-i-hide-native-tabs-at-the-top-of-firefox --- .config/firefox/userChrome.css | 66 ++---------------------------------------- 1 file changed, 3 insertions(+), 63 deletions(-) diff --git a/.config/firefox/userChrome.css b/.config/firefox/userChrome.css index a7dc2ba..48c6d13 100644 --- a/.config/firefox/userChrome.css +++ b/.config/firefox/userChrome.css @@ -1,64 +1,4 @@ -/*** Proton Tabs Tweaks ***/ - -/* Adjust tab corner shape, optionally remove space below tabs */ - -#tabbrowser-tabs { - --user-tab-rounding: 0px; +/* hides the native tabs */ +#TabsToolbar { + visibility: collapse; } - -.tab-background { - border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; /* Connected */ - margin-block: 1px 0 !important; /* Connected */ -} -#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */ - border-top-width: 1px !important; - border-bottom-width: 0 !important; -} - -/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */ -.tab-background:is([selected], [multiselected]):-moz-lwtheme { - --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important; - border-bottom-color: transparent !important; -} -[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme { - --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important; - border-bottom-color: transparent !important; -} - -/* Container color bar visibility */ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { - margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important; -} - -/* Override Normal Density height to Compact Density height only for tabs */ - -#TabsToolbar, #tabbrowser-tabs { - --tab-min-height: 29px !important; -} -/* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */ -#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, -#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs { - --tab-min-height: 30px !important; -} -#scrollbutton-up, -#scrollbutton-down { - border-top-width: 0 !important; - border-bottom-width: 0 !important; -} - -/* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */ -#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox { - max-height: calc(var(--tab-min-height) + 1px) !important; -} -/* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */ -#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, -#TabsToolbar-customization-target .toolbarbutton-text, -#TabsToolbar-customization-target .toolbarbutton-badge-stack, -#scrollbutton-up,#scrollbutton-down { - padding-top: 7px !important; - padding-bottom: 6px !important; -} - -/* Tweak Options as of 1/12/2022; Generated Thu Oct 27 2022 22:16:07 GMT+0200 (Central European Summer Time) */ -.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button { visibility: collapse !important; } -.tabbrowser-tab:not([pinned]):hover .tab-close-button { visibility: visible !important; display: block !important; } -- cgit v1.2.3-70-g09d2