Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Arsen

Hallo an Alle,

leider funktioniert der CSS Code zur dynamischen Anpassung der Tabbreite an den Tabtext nicht mehr. Das ist bestimmt seit FF 137 oder 138 so. Melde mich aber erst jetzt.

CSS

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 5px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 6px !important;
  margin-right: -5px !important;
  width: unset !important;
}

.tab-content {
  &:not([pinned]) {
    padding-left: 6px !important;
  }
}

Alles anzeigen

Ev. hat jemand Zeit und Lust mal zu schauen.

2002Andreas

Zitat von Arsen

Ev. hat jemand Zeit und Lust mal zu schauen.

Teste bitte, und pass dir den unteren Wert an:

CSS

.tabbrowser-tab {
  &:not([pinned]) {
    flex: 0 0 auto !important;     
    max-width: 250px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 0 !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

Alles anzeigen

Arsen

Das klappt, aber das Hoover vom Close Button stimmt nicht so ganz.

Zitat von 2002Andreas

und pass dir den unteren Wert an:

Was ist der untere Wert?

2002Andreas

Zitat von Arsen

Was ist der untere Wert?

Zeile 4 die maximale Breite vom Tab.

Zitat von Arsen

das Hoover vom Close Button stimmt nicht so ganz.

Teste bitte wieder:

CSS

.tabbrowser-tab {
  &:not([pinned]) {
   flex: 0 0 auto !important;     
   max-width: 250px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-left: 5px !important;
  margin-left: 1px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;  
}

Alles anzeigen

Zeile 9 + 10 habe ich mal geändert, evtl. musst du da für dich den Wert auch ändern.

Horstmann

Zitat von Arsen

Das klappt, aber das Hoover vom Close Button stimmt nicht so ganz.

In Andreas' Code aus #2, probier mal stattdessen padding-inline-start: var(--tab-close-button-padding) !important;

Zitat von Arsen

Zitat von 2002Andreas

und pass dir den unteren Wert an:

Was ist der untere Wert?

max-width: 250px !important;; sollte eigentlich in dem Fall kaum einen Unterschied machen.

Arsen

Danke, ich fühle mich maximal informiert, max-width 150 passt bei mir super.

Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

„Tab neu laden per Doppelklick“ auf den Tabreiter funktioniert nicht mehr

Gruppieren der Tabs mit MultiRowTabLiteforFx.uc.js nicht möglich?

Mehrzeilige Tableiste eine leere Zeile (Fehler)

Tabbreite dynamisch an Tabtext anpassen

MultiRowTabsLiteforFx – Fehlersuche und Kompaktierung