From 41f7f51fe53f13e2b42dc84d0e739dba70663432 Mon Sep 17 00:00:00 2001 From: Ahmad Ansori Palembani Date: Wed, 10 Jul 2024 11:41:02 +0700 Subject: [PATCH] style: Making vertical tab width consistant with sidebar --- .ff-chrome/userChrome.css | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/.ff-chrome/userChrome.css b/.ff-chrome/userChrome.css index 8456d90..2ce21a2 100644 --- a/.ff-chrome/userChrome.css +++ b/.ff-chrome/userChrome.css @@ -12,23 +12,40 @@ */ :root { /* from Floorp source code, too big for me */ + /*--default-verticaltab-width: 45px;*/ /*--hoverd-verticaltab-width: 20em;*/ + --default-verticaltab-width: 35px !important; --hoverd-verticaltab-width: 16em; } @charset "UTF-8"; @-moz-document url(chrome://browser/content/browser.xhtml) { +.browserContainer { + border-inline-width: 0 !important; +} + +#sidebar-select-box { + width: var(--default-verticaltab-width) !important; + min-width: var(--default-verticaltab-width) !important; + max-width: var(--default-verticaltab-width) !important; +} + #TabsToolbar { position: relative !important; transition: all 300ms !important; - min-width: var(--default-verticaltab-width) !important; - max-width: var(--default-verticaltab-width) !important; + width: calc(var(--default-verticaltab-width) + 5px) !important; + min-width: calc(var(--default-verticaltab-width) + 5px) !important; + max-width: calc(var(--default-verticaltab-width) + 5px) !important; z-index: 1; /* Probably not needed, since Floorp already handle this */ } +#TabsToolbar:not(:hover) { + scrollbar-width: none !important; +} #TabsToolbar:hover { transition: all 300ms !important; + width: var(--hoverd-verticaltab-width) !important; min-width: var(--hoverd-verticaltab-width) !important; max-width: var(--hoverd-verticaltab-width) !important; z-index: 2; /* Probably not needed, since Floorp already handle this */