- Firefox-Version
- 119
- Betriebssystem
- windows 11
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
/* -------------------------------------------*/
/* 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.
