ff-tabfix/userChrome.css

70 lines
1.7 KiB
CSS

/* Built based on https://github.com/black7375/Firefox-UI-Fix/tree/photon-style */
/* Make tab bar shorter */
#TabsToolbar {
--tab-min-height: 33px !important;
}
#scrollbutton-up, #scrollbutton-down {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/* Make selected tab join the toolbar */
.tab-background {
border-radius: 0px !important;
margin: 0px !important;
}
.tabbrowser-tab[visuallyselected] {
border-width: 1px 1px 0px 1px !important;
border-style: solid !important;
border-color: hsla(240,5%,5%,.35) !important;
}
/* No space between tabs */
.tabbrowser-tab {
padding: 0px !important;
border: 0px !important;
}
/* Put faint lines between tabs */
.tabbrowser-tab::before {
content: "";
display: block;
border-right: 1px solid hsla(240,5%,5%,.35) !important;
margin-block: 5px 5px !important;
}
.tabbrowser-tab[visuallyselected]::before,
.tabbrowser-tab[visuallyselected] + .tabbrowser-tab::before,
.tabbrowser-tab:first-of-type::before {
border-right: none !important;
}
/* Disable media labels */
.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
display: none !important;
}
/* Always show favicon */
.tab-icon-image {
opacity: 1 !important;
}
/* Move tab overlay icons to be an overlay */
.tab-icon-overlay {
top: -3.5px !important;
left: 9px !important;
width: 20px !important;
height: 20px !important;
z-index: 1 !important;
opacity: 1 !important;
}
/* Show PIP icon */
.tab-icon-sound[pictureinpicture] {
display: -moz-inline-box !important;
width: 14px;
height: 14px;
list-style-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
}