create multi-row_tabs_separate_pinned_row_patch.css

This commit is contained in:
MrOtherGuy 2021-12-31 08:27:33 +02:00
parent b9d2dfd2f8
commit ee89221ad0
3 changed files with 24 additions and 1 deletions

View file

@ -0,0 +1,21 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_separate_pinned_row_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Use with multi-row_tabs.css to show pinned tabs on separate row. */
scrollbox[part][orient="horizontal"]::after{
display: flow-root list-item;
content: "";
flex-basis: -moz-available;
height: 0;
overflow: hidden;
}
.tabbrowser-tab:not([pinned]),
.tabbrowser-tab:not([pinned]) + #tabs-newtab-button{
order: 1;
}
.tabbrowser-tab[first-visible-unpinned-tab]{
margin-inline-start: 0 !important;
}