fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-09 19:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity
mobile-config-firefox/chrome/normal_pinned_tabs.css

37 lines
1.6 KiB
CSS
Raw Normal View History

new file
2020-05-31 04:21:37 +00:00
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/normal_pinned_tabs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes pinned tabs behave like normal tabs, making their title and close buttons visible and making them "non-positioned" when tab strip is overflowing */
#tabbrowser-tabs{ padding-inline-start: 0px !important }
.tabbrowser-tab{
Add support for modern flexbox layout Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
2023-03-11 10:26:07 +00:00
flex-grow: 100;
-moz-box-flex: 100; /* Fx <112 compatibility */
new file
2020-05-31 04:21:37 +00:00
max-width: 225px;
min-width: var(--tab-min-width);
width: 0;
transition: min-width 100ms ease-out, max-width 100ms ease-out;
margin-inline-start: 0px !important;
position: initial !important;
Add support for modern flexbox layout Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
2023-03-11 10:26:07 +00:00
display: flex !important
new file
2020-05-31 04:21:37 +00:00
}
Add support for modern flexbox layout Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
2023-03-11 10:26:07 +00:00
.tab-stack{ flex-grow: 1 } /* Fx <112 compatibility */
new file
2020-05-31 04:21:37 +00:00
.tabbrowser-tab[pinned] > .tab-stack{ border: none !important; }
.tabbrowser-tab[pinned]::after{ position: static !important; margin-block: 0px 1px !important; }
.tabbrowser-tab[selected]{ position: relative !important; }
.tab-label-container{ width: unset !important; }
.tab-label-container[pinned]{ margin-inline-start: 8px }
Replace uses of :-moz-any with :is
2020-12-18 15:45:23 +00:00
.tab-icon-sound:is([soundplaying],[muted],[activemedia-blocked],[pictureinpicture]),
Add a comment to remove the line that makes close-buttons always visible This makes it more apparent that removing that one line makes pinned tabs otherwise normal, but they don't have close-buttons.
2021-11-29 09:39:24 +00:00
new file
2020-05-31 04:21:37 +00:00
.tab-icon-overlay{ display: none !important; }
Add a comment to remove the line that makes close-buttons always visible This makes it more apparent that removing that one line makes pinned tabs otherwise normal, but they don't have close-buttons.
2021-11-29 09:39:24 +00:00
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]){ display: none !important; }
/* Comment out or remove this if you want pinned tabs to never have close-button */
Add support for modern flexbox layout Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
2023-03-11 10:26:07 +00:00
.tab-close-button{ display: flex !important; }
Reference in a new issue Copy permalink