Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Zitat von Arsen

Ev. hat jemand Zeit und Lust mal zu schauen.

Teste bitte, und pass dir den unteren Wert an:

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

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:

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

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

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.