diff --git a/.config/nix/files/floorp/userChrome.css b/.config/nix/files/floorp/userChrome.css index 97de426..f506b1d 100644 --- a/.config/nix/files/floorp/userChrome.css +++ b/.config/nix/files/floorp/userChrome.css @@ -15,7 +15,7 @@ /*--default-verticaltab-width: 45px;*/ /*--hoverd-verticaltab-width: 20em;*/ - --default-verticaltab-width: 35px !important; + --default-verticaltab-width: 4.125em !important; --hoverd-verticaltab-width: 18em; } @@ -36,6 +36,38 @@ } /* << Fix height being inconsistent on hover */ +/* >> Fix vertical bar icon inconsistency */ +/* FIXME: Tabs become inconsistent if one of them is pinned */ +#tabbrowser-tabs { + margin-right: 0px !important; +} + +#TabsToolbar .toolbarbutton-icon { + padding: 1em !important; + height: 3.5em !important; + width: 3.5em !important; +} + +#TabsToolbar .toolbarbutton-badge-stack { + width: 3.5em !important; +} + +.sidepanel-icon, .sidepanel-browser-icon { + padding: 0px !important; + height: 3.5em !important; + width: 3.5em !important; +} + +#TabsToolbar .tab-throbber, +#TabsToolbar .tab-icon-pending, +#TabsToolbar .tab-icon-image, +#TabsToolbar .tab-sharing-icon-overlay, +#TabsToolbar .tab-icon-overlay { + margin-left: 0.5em !important; + margin-inline-end: 1.9em !important; +} +/* << Fix vertical bar icon inconsistency */ + #sidebar-select-box { width: var(--default-verticaltab-width) !important; min-width: var(--default-verticaltab-width) !important; @@ -45,9 +77,9 @@ #TabsToolbar { position: relative !important; transition: all 300ms !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; + width: calc(var(--default-verticaltab-width) + 0.125em) !important; + min-width: calc(var(--default-verticaltab-width) + 0.125em) !important; + max-width: calc(var(--default-verticaltab-width) + 0.125em) !important; z-index: 1; /* Probably not needed, since Floorp already handle this */ } #TabsToolbar:not(:hover) { @@ -60,6 +92,6 @@ 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 */ - margin-right: calc((var(--hoverd-verticaltab-width) - var(--default-verticaltab-width) - 5px) * -1) !important; + margin-right: calc((var(--hoverd-verticaltab-width) - var(--default-verticaltab-width) - 0.125em) * -1) !important; } }