Mit Version 96 hat sich der aktive Tab optisch verändert

Hallo,

Zitat von jd_cort

Meine letzte CSS habe ich auch beigefügt. Ist die CSS nicht mehr kompatibel mit Version 96 oder hat sich was mit den Tabs grundsätzlich geändert?

An der Implementierung der Tab-Umrandung hat sich in Firefox 96 etwas geändert, was aber optisch - bei Verwendung des Standard-Themes - kaum ins Gewicht fällt. Das von dir verlinkte Firefox-Theme aktiviert in jedem Fall eine schwarze Umrandung und muss ggfs. angepasst werden.

Also bei mir war das vorher und nachher mit runden Ecken...und glaub auch die Verbindung zur Toolbar war vorher nicht da.

wenn ihrs nicht geschrieben hättet wäre es mir gar nicht aufgefallen..glaub etwas ist ein kleinwenig anders. Mir fehlt der Vergleich zu wie ichs vorher hatte.

Dass die Tabs beim Themenersteller vorher eckig waren, ebenso wie die "Verbindung" nach unten, kommt von seinen userChrome.css-Anpassungen, die offensichtlich so nicht mit Firefox 96 kompatibel sind.

Zitat von Sören Hentzschel

Dass die Tabs beim Themenersteller vorher eckig waren, ebenso wie die "Verbindung" nach unten, kommt von seinen userChrome.css-Anpassungen, die offensichtlich so nicht mit Firefox 96 kompatibel sind.

ach so ok...wie gesagt...ich glaube es sieht minimal anders aus könnte aber nicht festmachen was da verändert wurde.

Zitat von jd_cort

der schwarze Rand, wie kann ich den denn raus nehmen?

Teste bitte mal:

.tabbrowser-tab .tab-background[selected="true"] {
  border: 1px solid black !important;
  opacity: .2 !important;
}

Die Werte musst du dir anpassen wenn dann.

Also ich seh auch nicht bei "See whats new in Firefox, dass da was geändert wurde:

Firefox 96.0, See All New Features, Updates and Fixes

www.mozilla.org

Wieso auch? Am Standard-Theme hat sich nichts nennenswert geändert. Für Drittanbieter-Themes ist Mozilla nicht verantwortlich, schon gar nicht für userChrome.css-Anpassungen.

Zitat von Sören Hentzschel

Wieso auch? Am Standard-Theme hat sich nichts nennenswert geändert. Für Drittanbieter-Themes ist Mozilla nicht verantwortlich, schon gar nicht für userChrome.css-Anpassungen.

hat sich da überhaupt was verändert? Ok...alles klar..hab keine Themes

Wie bereits in Beitrag #2 erklärt: Die Implementierung der Tab-Umrandung hat sich geändert. Optisch ist das kaum sichtbar, aber die Code-Änderungen waren im Verhältnis zum sichtbaren Ergebnis größer. Offensichtlich wirkt sich dies auf Drittanbieter-Themes aus. Darauf, dass das in diesem Ausmaß auf Mozillas Radar war, würde ich nicht unbedingt wetten.

hmm..ok..gut...wie gesagt..wär mir nich aufgefallen

Hallo,

also bei mir hat der aktive Tab eine gelbe Umrandung bekommen. Eckig waren die Tabs zuletzt nicht, die runden Ecken sind nur durch die Umrandung erst jetzt richtig sichtbar. Vor langer Zeit war der aktive Tab auch schon mal hervorgehoben, jedoch dezenter nur am oberen Rand, was mir sehr gut gefiel.

Zitat von jd_cort

den Tab wieder mit der Toolbar zu verbinden?

Meinst du das so?

Wenn ja, dann teste bitte:

#TabsToolbar {
  margin-bottom: -3px !important;
}

.tabbrowser-tab .tab-background[selected="true"] {
  border-top: 1px solid black !important;
  border-left: 1px solid black !important;
  border-right: 1px solid black !important;
  opacity: .3 !important;
  box-shadow: none !important;
}

Ich würde die untere Rundung noch entfernen, wenn der Tab mit der Symbolleiste "verbunden" wird, ansonsten sieht das etwas merkwürdig aus.

Zitat von Sören Hentzschel

die untere Rundung noch entfernen

Ok

#TabsToolbar {
  margin-bottom: -3px !important;
}

.tabbrowser-tab .tab-background[selected="true"] {
  border-radius: 0 0 0 0 !important;
  border-top: 1px solid black !important;
  border-left: 1px solid black !important;
  border-right: 1px solid black !important;
  opacity: .3 !important;
  box-shadow: none !important;
}

Zitat von Persephone

jedoch dezenter nur am oberen Rand

Vielleicht so ↓?

.tabbrowser-tab[selected] .tab-background {
  border: 0 !important;
}
.tabbrowser-tab[selected] .tab-background {
  background-image: linear-gradient(to bottom, #12A102 0%, #12A102 14%, dimgrey 14%, dimgrey 100%) !important;
}