null2264/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Making vertical tab width consistant with sidebar

Browse source
This commit is contained in:
Ahmad Ansori Palembani 2024-07-10 11:41:02 +07:00
parent 014606d748
commit 41f7f51fe5
Signed by: null2264
GPG key ID: BA64F8B60AF3EFB6
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
.ff-chrome/userChrome.css
View file

@ -12,23 +12,40 @@
*/ */
:root { :root {
/* from Floorp source code, too big for me */ /* from Floorp source code, too big for me */
/*--default-verticaltab-width: 45px;*/
/*--hoverd-verticaltab-width: 20em;*/ /*--hoverd-verticaltab-width: 20em;*/
--default-verticaltab-width: 35px !important;
--hoverd-verticaltab-width: 16em; --hoverd-verticaltab-width: 16em;
} }
@charset "UTF-8"; @charset "UTF-8";
@-moz-document url(chrome://browser/content/browser.xhtml) { @-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 { #TabsToolbar {
position: relative !important; position: relative !important;
transition: all 300ms !important; transition: all 300ms !important;
min-width: var(--default-verticaltab-width) !important; width: calc(var(--default-verticaltab-width) + 5px) !important;
max-width: var(--default-verticaltab-width) !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 */ z-index: 1; /* Probably not needed, since Floorp already handle this */
} }
#TabsToolbar:not(:hover) {
scrollbar-width: none !important;
}
#TabsToolbar:hover { #TabsToolbar:hover {
transition: all 300ms !important; transition: all 300ms !important;
width: var(--hoverd-verticaltab-width) !important;
min-width: var(--hoverd-verticaltab-width) !important; min-width: var(--hoverd-verticaltab-width) !important;
max-width: var(--hoverd-verticaltab-width) !important; max-width: var(--hoverd-verticaltab-width) !important;
z-index: 2; /* Probably not needed, since Floorp already handle this */ z-index: 2; /* Probably not needed, since Floorp already handle this */