Schrift in Tabs - aushellen nach rechts verhindern

Wie die drei Punkte am Ende wieder angezeigt werden können , weiß ich nicht. Bin auch nicht sicher ob das überhaupt (mit CSS) geht.

Für das Entfernen des 'fadeout'-Effekts, bitte diesen Code mal testen:

.tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
     mask-image: linear-gradient(to left, black, black 2em) !important;
}

Teste bitte mal:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {    

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
  direction: ltr;
  mask-image: linear-gradient(to left, transparent, black 0em) !important;
  }
}  

Zitat von 2002Andreas

Teste bitte mal:

LOL, zwei 'Helfer', ein Gedanke und das fast auch noch zeitgleich...

Hatte ich gar nicht bemerkt, beide Beiträge praktisch zur selben Sekunde abgeschickt.

Naja egal, jetzt lasse ich meinen Beitrag auch drin.

Teste bitte:

   @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {  
   
#urlbar[textoverflow="end"]:not([focused]) > #urlbar-input-container > .urlbar-input-box > #urlbar-input {
     mask-image: linear-gradient(to left, transparent, black 0em) !important;
   }
}  

Zitat von 2002Andreas

Hatte ich gar nicht bemerkt, beide Beiträge praktisch zur selben Sekunde abgeschickt.

Naja egal, jetzt lasse ich meinen Beitrag auch drin.

Ja, das war ganz knapp! Wobei deine Lösung0em, sogar noch etwas sinniger ist. Funktionieren tut aber beides...

Für die Tabs:

.tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
     mask-image: linear-gradient(to left, black, black 2em) !important;
}

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
  direction: ltr;
  mask-image: linear-gradient(to left, transparent, black 0em) !important;
}  

Das ist beides nicht sehr elegant. Wieso die Maske überhaupt ändern und nicht gleich ganz entfernen, wenn sie nicht erwünscht ist? Das wäre auch vom Aufwand für die Rendering-Engine effizienter. Und die direction-Zeile gehört da sicher auch nicht hin.

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
  mask-image: none !important;
} 

Noch ein Tipp: Wenn in CSS ein Wert von 0 gesetzt ist, ist es üblich, die Einheit komplett wegzulassen, also 0 statt 0em. Es funktioniert natürlich auch mit Einheit. Ich möchte damit nur auf die empfohlene Schreibweise hinweisen.

Zitat von Sören Hentzschel

auf die empfohlene Schreibweise hinweisen

Danke

Zitat von Sören Hentzschel

Für die Tabs:

Das ist beides nicht sehr elegant.

Ich glaube die 'Un-Eleganz' der Code-Schnipsel ist in erster Linie dem Wunsch geschuldet, möglichst schnell eine Lösung zu finden. Da ist es oft einfacher, im bestehenden Code 'herumzueditieren', funktioniert und gut.

Aber, du hast natürlich recht, dass es besser ist, irgendwas zu entfernen, wenn man es eh nicht braucht. Vor allem wenn es auch noch die Rendering-Geschwindigkeit beeinflusst...

Zitat von gero

Der Code für die Adresszeile funktioniert leider nicht.

Also bei mir funktioniert der Code von Andreas:

Zitat von BrokenHeart

Also bei mir funktioniert der Code von Andreas:

Leider funktioniert er auch bei mir nicht ( v. 70.0.1).

Grüße

FuchsFan

Ohne Code:

mit code:

Man kann den letzten Buchstaben jetzt erkennen.

Zitat von 2002Andreas

Man kann den letzten Buchstaben jetzt erkennen.

Das funktioniert auch bei mir, da hatte ich mich von dem Begriff > Aushellen verhindern < täuschen lassen. Ich bin davon ausgegangen, dass die Schrift durchgehend dunkel dargestellt werden sollte, so wie auf diesem Bild Schrift in Tabs - aushellen nach rechts verhindern.

Grüße

FuchsFan

Zitat von FuchsFan

Ich bin davon ausgegangen, dass die Schrift durchgehend dunkel dargestellt werden sollte, so wie auf diesem Bild Schrift in Tabs - aushellen nach rechts verhindern.

Bin zwar nicht sicher, was du genau meinst. Aber diese Sachen werden durch andere Einstellungen gesteuert:

Durchgehend schwarz, also keine farblichen Hervorhebungen/Zurücksetzungen können in der 'about:config' ausgeschaltet werden:

browser.urlbar.formatting.enabled <- Muss auf 'false' gesetzt werden.

Das die Schrift bis zu Rand reicht, kann hierüber gesteuert werden (entsprechend anzupassen).

/* Urlbar cleanup */  
#urlbar ::-moz-placeholder 
    { color: transparent !important; }
#pageActionSeparator , .urlbar-go-button , .urlbar-history-dropmarker   
    { display: none !important; }
#pageActionButton          
    { margin-right:-50px!important;}    
#reader-mode-button        
    { visibility:hidden !important; }

Zitat von gero

Bei mir sieht's leider unverändert aus:

Eigenartig

Ich habe mal den config Eintrag geändert, und meinen Code benutzt:

Zitat von gero

Bei mir sieht's leider unverändert aus:

Laut deinem User-Agenten benutzt du noch die alte Fx Version 60, ist dem so