From 571f77d71939d9f912ac6a091996b17ab2399daa Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 15 Jan 2019 16:58:59 +0200 Subject: [PATCH] Multirow-tabs for Firefox66+ --- chrome/multi-row_tabs_Fx66+.css | 35 +++++++++++++++++++ .../multi-row_tabs_window_control_patch.css | 30 ++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 chrome/multi-row_tabs_Fx66+.css create mode 100644 chrome/multi-row_tabs_window_control_patch.css diff --git a/chrome/multi-row_tabs_Fx66+.css b/chrome/multi-row_tabs_Fx66+.css new file mode 100644 index 0000000..ce03aeb --- /dev/null +++ b/chrome/multi-row_tabs_Fx66+.css @@ -0,0 +1,35 @@ +/* For Firefox 66+ */ +/* Use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ + + +#tabbrowser-tabs{ + min-height: unset !important; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ + display: flex; + flex-wrap: wrap; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox { + overflow: -moz-hidden-unscrollable; + display: block; +} +.tabbrowser-tab{ max-height: 32px; } +.tabbrowser-tab[fadein]:not([pinned]){ + min-width: 100px !important; + flex-grow: 1; + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /*max-width: 100vw !important;*/ +} + +.tabbrowser-tab > stack{ width: 100%; height: 100%; } + +.tabbrowser-tab[pinned]{ position: static !important; } + +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#alltabs-button, +#TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer{ display: none } \ No newline at end of file diff --git a/chrome/multi-row_tabs_window_control_patch.css b/chrome/multi-row_tabs_window_control_patch.css new file mode 100644 index 0000000..0c6da83 --- /dev/null +++ b/chrome/multi-row_tabs_window_control_patch.css @@ -0,0 +1,30 @@ +/* This is a supporting style for multirow_tabs_Fx66+ */ + +/* !! Use customize mode to make menubar permanently enabled !! */ + +/* 20px wide space on left and right to be able to drag the window */ +#TabsToolbar{ margin: 0 20px; } + +#titlebar{ -moz-box-direction: reverse; } +#toolbar-menubar{ + height: 40px; + margin-bottom: -40px; + background-color: var(--toolbar-bgcolor) +} +:root[uidensity="compact"] #toolbar-menubar{ height: 32px; margin-bottom: -32px } +#nav-bar{ padding-right: 138px; margin-left: 30px; } +#toolbar-menubar > #menubar-items{ + position: relative; + -moz-box-pack: center; + background-image: linear-gradient( to left,transparent,var(--toolbar-bgcolor) 35px); +} + +#main-menubar:last-child{ padding-inline-end: 40px } + +#toolbar-menubar > #menubar-items:hover{z-index: 2;} +#file-menu{ + padding-inline-start: 30px; + background: url(chrome://browser/skin/settings.svg) no-repeat 10px; + fill: currentColor; + -moz-context-properties: fill +} \ No newline at end of file