Beiträge von Horstmann

Ein freundlicher Poster auf Reddit hat die Lösung schon präsentiert, funktioniert prima .

Der Code dazu :

.tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
#tabbrowser-tabs:not([closebuttons="activetab"])
.tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{
margin-inline-end: 7px
}


.tab-content:not([pinned])::before{
display: -moz-box;
content: "";
-moz-box-flex: 1;
}

Zu beachten ist , bei mir sind die Close Buttons im Tab rechts ( nur sichtbar bei hover ), daher wohl das margin von 7px .

Seit ein paar Wochen bastele ich ein bisschen an meinem Firefox rum, bin also völliger Anfänger hier ...

Immerhin habe ich eine userChrome.css beisammen, und turne etwas in den Browser Werkzeugen herum, aber jetz habe ich ein kleines Problem .

Ich hätte gerne den Text und die Webseiten Icons in der Mitte der Tabs, schaffe es aber nur den Text zu zentrieren .

Die Icons bleiben links hängen , statt sich brav links neben dem Text anzureihen .

Der Code den ich für den Text benutze :

.tab-label-container {
-moz-box-pack: center !important;
-moz-box-orient: horizontal !important;
padding-top: 2px !important;
}
.tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container {
margin-inline-end: 7px
}

Irgendwelche Ideen, wie ich die Icons neben den Text bekomme ?

Die Close Buttons und das Hoververhalten sollten allerdings bleiben wie sie sind, und nicht beeinflusst werden .

Danke vorab !