9276283311
This adds a 2px margin to periphery which acts as buffer-zone so when a tab is added or removed the layout won't immediately cause overflow-mode to activate
49 lines
1.6 KiB
CSS
49 lines
1.6 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbarbuttons_in_tabs_periphery.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/*
|
|
This style allows you to place normal buttons to tabs toolbar such that they "stick to" the last tab similar to how newtab-button does.
|
|
|
|
By default ALL buttons after the tabs strip now stick to the last tab.
|
|
To change this, use customize mode to move one flexible space to the tabs toolbar.
|
|
Any button to the right of the flexible space is pushed to the right edge.
|
|
*/
|
|
|
|
#TabsToolbar > .toolbar-items{
|
|
container-name: uc-tabs-toolbar;
|
|
container-type: inline-size;
|
|
}
|
|
#TabsToolbar-customization-target{
|
|
max-width: 100cqw;
|
|
}
|
|
#tabbrowser-tabs{
|
|
--uc-scrollbox-containment: none;
|
|
max-width: max-content;
|
|
overflow: hidden;
|
|
margin-inline-end: -2px;
|
|
}
|
|
.tabbrowser-tab:not([pinned]){
|
|
width: 225px;
|
|
}
|
|
/* This margin is added to create "buffer-space"
|
|
Without it, opening and closing tabs will briefly
|
|
make tabs overflow which looks jarring.
|
|
The -2px margin on #tabbrowser-tabs is related to this as well so tabs-newtab-button isn't separated too far. */
|
|
#tabbrowser-arrowscrollbox-periphery{
|
|
margin-inline-start: 2px;
|
|
}
|
|
#tabs-newtab-button{
|
|
transform: translateX(-2px);
|
|
}
|
|
.closing-tabs-spacer{
|
|
display: none !important;
|
|
}
|
|
.scrollbox-clip[orient="horizontal"]{
|
|
contain: var(--uc-scrollbox-containment,initial) !important;
|
|
}
|
|
#tabbrowser-tabs ~ toolbarspring{
|
|
flex-grow: 0 !important;
|
|
min-width: 0px !important;
|
|
margin-inline: auto;
|
|
}
|