From ee0521132872df11c27dd204fd5a3b86151ef3e1 Mon Sep 17 00:00:00 2001 From: adam <56338480+adastx@users.noreply.github.com> Date: Thu, 27 Oct 2022 22:39:54 +0200 Subject: firefox: thinner tab bar --- .config/firefox/userChrome.css | 65 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 .config/firefox/userChrome.css diff --git a/.config/firefox/userChrome.css b/.config/firefox/userChrome.css new file mode 100644 index 0000000..9a6ced0 --- /dev/null +++ b/.config/firefox/userChrome.css @@ -0,0 +1,65 @@ +/*** Proton Tabs Tweaks ***/ + +/* Adjust tab corner shape, optionally remove space below tabs */ + +#tabbrowser-tabs { + --user-tab-rounding: 0px; +} + +.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