ja tut mir leid, ich bin in foren nicht so zuhause und habe mich hier auch kaum zurechtgefunden - herzlich diwa-campff
Beiträge von diwa-campff
-
-
nein andreas, der gesamte github-code hat bei mir nicht funktioniert. der hier angegebene code ist experimentell aus einem teil des aktuellen github-codes und einer früheren von mir hier geposteten version erstellt. bei mir funktioniert dies wie angegeben exzellent (firefoxportable 132.0.1)
-
this code is from: https://github.com/MrOtherGuy/fir…ti-row_tabs.css
Edit 2002AndreasIch habe die ganzen doppelten Einträge mal entfernt, und nur den Link zum Code behalten.
-
eine frühere, nicht von mir selbst erstellte version (autor-name leider nicht mehr auffindbar) der multi row tabs funktionierte in ff 118 nicht mehr. ich habe sie jetzt angepasst, beliebig viele tabreihen möglich, funktioniert prima. hier der css-code:
CSS
Alles anzeigen/* -------------------------------------------*/ /* Mehrzeilige Tabreihen (Abgerundete Ecken) */ /* -------------------------------------------*/ /* Tab-Höhe */ .tabbrowser-tab { min-height: 28px !important; max-height: 28px !important; vertical-align: top !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Feste Breite des einzelnem Tabs */ .tabbrowser-tab { min-width: 195px !important; /*max-width: 195px !important; M-I-T DIESER ZEILE GIBT ES L-Ü-C-K-E-N BEIM LÖSCHEN VON TABS - O-H-N-E DIESE ZEILE N-I-C-H-T */ } /* beliebig viele tabreihen */ /* 165 */ scrollbox { display: flex; flex-wrap: wrap; overflow-x: hidden; overflow y: auto; } /* -----------------------------*/ /* Tab: Optische Anpassungen */ /* -----------------------------*/ #tabbrowser-tabs { opacity: 1 !important; } /* Schriftart/Schriftgröße ändern */ .tabbrowser-tab .tab-label { font-weight: 500 !important; font-size: 12px !important; font-family: "Arial" !important; color: black !important; } .tabbrowser-tab .tab-label[selected] { color: black !important; font-weight: 600 !important; font-size: 12px !important; font-family: "arial" !important; font-style: "bold" !important; } /* Abgerundete Ecken */ #TabsToolbar .tabbrowser-tab .tab-background { background: rgba(221,198,168,1) !important; /* hellbraun */ margin-right : -1px !important; border-radius: 80px !important; border: 1px solid rgba(0,0,0,0.1) !important; } #TabsToolbar .tabbrowser-tab .tab-background[selected] { background: rgba(0,255,255,1) !important; /* */ /* */ margin-right : -1px !important; border-radius: 80px !important; border: 1px solid rgba(0,0,0,0.1) !important; } #TabsToolbar .tabbrowser-tab[selected] { margin-right : -1px !important; border-radius: 80px !important; border: 1px solid rgba(0,0,0,0.1) !important; }
Edit 2002Andreas
Text in Klammercode </> gesetzt.