Ich habe den Code welchen man hier bekommt in die userchrome kopiert aber die Tabs bleiben rechteckig. Desweiteren hätte ich Tabs gerne etwas kleiner, in etwa so groß wie im Edge.
/*Abgerundete Tabs*/
.tab-background {
border-radius: 80px !important;
}Teste mal diese Version:
.tabbrowser-tab {
border-radius: 8px !important;
min-height: 30px !important;
max-height: 30px !important;
padding-inline: 0 !important;
}
.tabbrowser-tab:not([selected]) {
border: 2px ridge rgb(0,200,0) !important;
background-color: rgb(80,80,80) !important;
}
/*** hier muß "background" stehen!!! ***/
.tab-background[selected] {
border: 2px ridge yellow !important;
border-radius: 8px !important;
background: green !important;
margin: 0 0 3px !important;
}
.tab-background:not([selected]) {
min-height: 26px !important;
max-height: 26px !important;
margin: 0 0 3px !important;
}Die Werte kannst du ja nach deinen Wünschen anpassen...
Funktioniert leider auch nicht. Die Tabs ändern sich nicht. Scripte gehen ja nur das will nicht laufen.
Dieser Schalter in about:config ist auf "true"?
toolkit.legacyUserProfileCustomizations.stylesheets
Ansonsten umstellen...
Dieser Schalter in about:config ist auf "true"?
toolkit.legacyUserProfileCustomizations.stylesheets
Ansonsten umstellen...
Funktioniert nun, thx. Der Tab ist jetzt aber nicht mehr mittig in der höhe.
Du meinst die Schrift im Tab?
Dann teste mit anderen Werten in Zeile 21, oder kommentiere die Zeile testweise aus.
Nein der gesamte Button ist jetzt in der Tableiste nach oben gerückt statt mittig.
ist jetzt in der Tableiste nach oben gerückt statt mittig.
Dann funkt dir etwas anderes dazwischen.
So sieht das hier mit dem Code aus:
nicht mehr mittig in der höhe.
Teste, indem du im ersten Code Zeile 6 einen Abstand einfügst:
.tabbrowser-tab {
border-radius: 8px !important;
min-height: 30px !important;
max-height: 30px !important;
padding-inline: 0 !important;
margin-top: 3px !important;
}
.tabbrowser-tab:not([selected]) {
border: 2px ridge rgb(0,200,0) !important;
background-color: rgb(80,80,80) !important;
}
/*** hier muß "background" stehen!!! ***/
.tab-background[selected] {
border: 2px ridge yellow !important;
border-radius: 8px !important;
background: green !important;
margin: 0 0 3px !important;
}
.tab-background:not([selected]) {
min-height: 26px !important;
max-height: 26px !important;
margin: 0 0 3px !important;
}Wo soll der Abstand mehr genau hin, gleich zu Anfang?
Wo soll der Abstand mehr genau hin, gleich zu Anfang?
indem du im ersten Code Zeile 6 einen Abstand einfügst:
Den Wert musst du dir evtl. noch anpassen.
Sieht so aus jetzt und man sieht dass das Symbol von Forum auch nicht mittig ist sondern nach unten geht.
Edit: mit margin-top: 5px !important; sieht es nun besser aus was den Tab betrifft. Der Text als auch das Symbol bleiben aber unten.
Der Text als auch das Symbol bleiben aber unten.
.tab-icon-image {
margin-bottom: 3px !important;
}
.tab-label {
margin-bottom: 3px !important;
}Schon viel besser, thx
thx
Gerne doch 
