Skip to content

Instantly share code, notes, and snippets.

@weberjacob
Last active February 3, 2023 15:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save weberjacob/72d243ae6b749916f5ce937a0f22f0d9 to your computer and use it in GitHub Desktop.
Save weberjacob/72d243ae6b749916f5ce937a0f22f0d9 to your computer and use it in GitHub Desktop.
Firefox favicon / pinned tab size for all tabs by default on open. Add a userChrome.css file within a chrome directory in your profile and restart FF to launch.
/*
* Do not remove the @namespace line, it's required
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
/*
* SETUP:
* Must go to about:config and change browser.tabs.tabMinWidth to 0. -> this is no longer needed (last checked January 2023)
*/
/* General Rules */
#main-window:not(#f) .tabbrowser-tab {
-moz-box-sizing: border-box !important;
height: 33px !important;
vertical-align: top !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
/* overflow: visible !important; */
display: block;
}
.tabbrowser-tab,
.tab-background {
height: var(--tab-min-height);
}
.tab-stack .tab-content {
padding: 0 12px !important;
}
.tabbrowser-tab:not([pinned]) {
min-width: 40px !important;
max-width: 40px !important;
}
.tabbrowser-tab:not([pinned]):not([fadein]) {
max-width: 0.1px !important;
min-width: 0.1px !important;
}
/* Pinned Tabs Rules */
.tabbrowser-tab[pinned][selected] .tab-content:after{
/*display: none;*/
border-color: var(--tab-line-color) transparent transparent transparent;
}
.tabbrowser-tab[pinned][selected] .tab-line {
display: none !important;
}
.tabbrowser-tab[pinned] .tab-content {
position: relative;
}
.tabbrowser-tab[pinned] .tab-content:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 0;
border-color: #ffffff transparent transparent transparent;
opacity: 0.9;
}
/* NonPinned Tabs Rules */
.tab-icon-image:not([pinned]) {
margin-left: 0 !important;
margin-right: 0 !important;
}
.tab-label-container {
display: none;
}
.tab-close-button {
display: none;
}
/* THIS IS OTHER STUFF - NOT BEING USED BUT HELPED WITH OVERFLOW ISSUES */
/* #main-window:not(#f) .tabbrowser-tab:not([pinned]) {
width: auto !important;
}
#main-window:not(#f) .titlebar-button {
height: 33px !important;
}
#main-window:not(#f) #titlebar-buttonbox,
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
#main-window:not(#f) #titlebar-buttonbox {
vertical-align: top !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tab-label-container[textoverflow]:not([pinned]) {
mask-image: unset !important;
} */
@namespace url(http://www.w3.org/1999/xhtml);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment