create toolbarbuttons_in_tabs_periphery.css

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;
+}

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"]
 }

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