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

fix(nix/floorp): Replaces px with em and fixed bunch of inconsistency

Browse source
This commit is contained in:
Ahmad Ansori Palembani 2024-10-26 08:42:11 +07:00
parent ec18157ac0
commit 233f9e76a3
Signed by: null2264
GPG key ID: BA64F8B60AF3EFB6
1 changed files with 37 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

42
.config/nix/files/floorp/userChrome.css
View file

@ -15,7 +15,7 @@
/*--default-verticaltab-width: 45px;*/ /*--default-verticaltab-width: 45px;*/
/*--hoverd-verticaltab-width: 20em;*/ /*--hoverd-verticaltab-width: 20em;*/
--default-verticaltab-width: 35px !important; --default-verticaltab-width: 4.125em !important;
--hoverd-verticaltab-width: 18em; --hoverd-verticaltab-width: 18em;
} }
@ -36,6 +36,38 @@
} }
/* << Fix height being inconsistent on hover */ /* << 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 { #sidebar-select-box {
width: var(--default-verticaltab-width) !important; width: var(--default-verticaltab-width) !important;
min-width: var(--default-verticaltab-width) !important; min-width: var(--default-verticaltab-width) !important;
@ -45,9 +77,9 @@
#TabsToolbar { #TabsToolbar {
position: relative !important; position: relative !important;
transition: all 300ms !important; transition: all 300ms !important;
width: calc(var(--default-verticaltab-width) + 5px) !important; width: calc(var(--default-verticaltab-width) + 0.125em) !important;
min-width: calc(var(--default-verticaltab-width) + 5px) !important; min-width: calc(var(--default-verticaltab-width) + 0.125em) !important;
max-width: calc(var(--default-verticaltab-width) + 5px) !important; max-width: calc(var(--default-verticaltab-width) + 0.125em) !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) { #TabsToolbar:not(:hover) {
@ -60,6 +92,6 @@
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 */
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;
} }
} }