diff --git a/chrome/toolbarbuttons_in_tabs_periphery.css b/chrome/toolbarbuttons_in_tabs_periphery.css new file mode 100644 index 0000000..02ce505 --- /dev/null +++ b/chrome/toolbarbuttons_in_tabs_periphery.css @@ -0,0 +1,31 @@ +/* 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; +} +.tabbrowser-tab:not([pinned]){ + width: 225px; +} +.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; +} diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index 6b83e8c..6089b4b 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -163,5 +163,6 @@ "tab_animated_active_border.css":["tab","effect","colors"], "status_inside_menubar.css":["menubar","status","hack"], "centered_statuspanel.css":["status"], -"tab_closing_animation.css":["tab","effect"] +"tab_closing_animation.css":["tab","effect"], +"toolbarbuttons_in_tabs_periphery.css":["tabs","hack","buttons"] } diff --git a/tags.csv b/tags.csv index 16ed4c2..5931e94 100644 --- a/tags.csv +++ b/tags.csv @@ -163,3 +163,4 @@ tab_animated_active_border.css,tab,effect,colors status_inside_menubar.css,menubar,status,hack centered_statuspanel.css,status tab_closing_animation.css,tab,effect +toolbarbuttons_in_tabs_periphery.css,tabs,hack,buttons