Die letzten Tage habe ich mir deine Collection mal in Ruhe angesehen und auch durchprobiert. Du berufst dich ja auch auf die Scripte von Endor für mehrzeilige Tabreihen, die, obwohl ich sie persönlich nie voll ausnutzen werde, mir es doch sehr angetan haben.
Deine CSS-Codes mit den Scripten von Endor, was will man mehr.
So, was habe ich probiert?
Ich habe den CSS-Code aus 2.) genommen, dort die Zeilen 17 bis 47 entfernt. Gleich dazu noch, in dem Code gibt es zweimal den identischen Punkt "Tab Höhe", Zeile 5 bis 12 und Zeile 95 bis 102.
Dann habe ich die Scripte 01 und 03 für meine Zwecke vorbereitet. Dazu habe ich aus dem Script 02 den Absatz für die Scrollbar entnommen und ihn in die Scripte 01 und 03 eigearbeitet. Hier der Code aus Script 02:
/* Mehrzeilige Tableiste mit Scrollbar */
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der Tabzeilen(Standard = 5 Zeilen) */
overflow-x: hidden;
overflow-y: auto; }
tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
tabs tab,.tab-background {
height: 32px; /* var(--tab-min-height); */
overflow: hidden; }
tab > .tab-stack { width: 100%; }
/* Bei Überschreitung der angegebenen Zeilenanzahl, mit der Maus,
über die dann eingeblendetet Scrolleiste zur gewünschten Zeile wechseln */
scrollbox[part][orient="horizontal"] > scrollbar { -moz-window-dragging: no-drag; }
Alles anzeigen
Wie in dem Script auch beschrieben sind die Basis 5 Tabreihen, dann die Scrollbar. Ich habe das auch auf 3 reduziert, kann nach Bedarf geändert werden.
Eventuell hast du ja Interesse daran, dir das auch noch mal anzuschauen. Das würde meiner Ansicht nach deine Sammlung hier noch komplettieren. Danke für das reichhaltige Angebot.
Hier ein Schnappschuss von Script 01:
hier von Script 03: