Mit Firefox 119 und Nightly 121 wird kein Lautsprechersymbol auf dem Tab mehr angezeigt

Boersenfeger

Moin, seit Firefox 121 Nightly wird bei Besuch z.B. eines Youtube-Videos KEIN Lautsprechersymbol mehr auf dem Tab angezeigt.

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Dazu ist hier ein CSS-Code aktiv. Ob dieser verändert werden muss?

Dies gilt ebenso bei einem Tagesschau-Filmchen

tagesschau.de - Die Nachrichten der ARD

www.tagesschau.de

Ich gehe also zunächst davon aus, das es nicht an YouTube liegt.

CSS

/* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.8) !important;
    }
    
    image.tab-icon-overlay {
    margin-top: 3px !important;
    }
    
     /* Lautsprechersymbol violet bei Sound */
    
    .tab-icon-overlay[soundplaying] {
    fill: blueviolet !important;
    margin-left: -5px !important;
    }

    /* Lautsprechersymbol gelb bei Stumm */
    
    .tab-icon-overlay[muted] {
    fill: yellow !important;
    margin-left: -5px !important;
    }
  
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
    display: none !important;
    }

Alles anzeigen

Edit: Ich stelle gerade fest, das auch mit Firefox 119 kein Symbol auf dem Tab mehr erscheint.

2002Andreas

Zitat von Boersenfeger

Ich stelle gerade fest, das auch mit Firefox 119 kein Symbol auf dem Tab mehr erscheint.

Mit deinem Code in Fx 119:

In Fx 121 wird das nur bei hover angezeigt.

Das ist aber eine Nightly Version, kann sich also täglich wieder ändern.

Zitat von 2002Andreas

kann sich also täglich wieder ändern.

Update eben gerade ergibt:

Boersenfeger

Danke fürs Testen, dann poste ich mal den ganzen Code für die Tabs....

CSS

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

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste */

    /* TAB bei bei angewähltem TAB (aktiv): */
    /* Hintergrundfarbe, Rahmen,*/
    /* Schriftfarbe. */
 
   .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
    background: red !important;
    border-radius: 18px !important;
    margin-top: 2px !important;  
    border: none !important;
    color: black ! important; 
    margin-bottom: 0 !important;
    }
    
    
    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; 
    }

 
    /* Schriftgröße Tabs */

    .tab-text {
    font-size: 17px !important;
    }
    
    /* Damit wird der Tabtext am Ende schleichend ausgeblendet */
    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }
    
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    } 

    
    .tabbrowser-tab[visuallyselected] .tab-label {
    font-weight:  bold !important;
    }

    #TabsToolbar .tabbrowser-tab:not([selected]) {
    border-radius: 16px !important;
    height: 20px ! important;
    margin-top: 2px !important;
    padding: 0 !important;
    color: black ! important; 
    }
    
    
    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
 
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -5px !important;    
    margin-bottom: 2px !important;
    }
        
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
 
    #TabsToolbar .tab-close-button {
    margin-right: -8px !important; 
    font-weight: bold !important;    
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 20px !important;
    width:  20px !important;    
    background-color: red !important;
    border-radius: 12px !important; 
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 200px !important;
    flex-grow: 0 !important;
    }
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 200px !important;
    flex-grow: 0 !important;
    }
       
    *|*:root { 
    --tab-toolbar-navbar-overlap: 0 !important;  
    }
    
    /* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.8) !important;
    }
    
    image.tab-icon-overlay {
    margin-top: 3px !important;
    }
    
     /* Lautsprechersymbol violet bei Sound */
    
    .tab-icon-overlay[soundplaying] {
    fill: blueviolet !important;
    margin-left: -5px !important;
    }

    /* Lautsprechersymbol gelb bei Stumm */
    
    .tab-icon-overlay[muted] {
    fill: yellow !important;
    margin-left: -5px !important;
    }
  
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
    display: none !important;
    }

    
    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: 2px !important;
    justify-content: center !important;
    align-items: center !important;
    }
    
    #TabsToolbar .tabbrowser-tab[selected] .tab-content {
    margin-top: 2px !important;
    }

    .tabbrowser-tab {

    min-height: 37px !important;

    max-height: 37px !important;
    }


    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0 !important; 
    width: 16px !important;
    }
    
    /* Kein Schatten drum */
    
    #TabsToolbar:not([brighttext]) 
    #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected],
    [multiselected]) > .tab-stack > .tab-background
    {
    box-shadow: none !important;
    }
    
    /* Kein blauer Kasten */
    
    tab.tabbrowser-tab {
    --focus-outline-width: 0 !important;
    --focus-outline-color: transparent !important;
    --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color)!important;
    }
    
    /* Tabs Proton-Design */

    :root {
    --proton-tab-radius: 0 !important;
    --proton-tab-block-margin: 0 !important;
    --inline-tab-padding: 10px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    min-height: 34px !important;    
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }
    
    #TabsToolbar .tabbrowser-tab:not([selected])  {
    min-height: 34px !important;
    border: 1px solid #B2B2B2 !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }
    
    
    /* Tabs in Tableiste mittig */

    scrollbox[smoothscroll="true"] {
    display: flex !important;
    justify-content: center !important ;
    }
    }

Alles anzeigen

Ist da ein Makel?

2002Andreas

Zitat von Boersenfeger

Ist da ein Makel?

sehe keinen

milupo

Gibt es denn das Proton-Design noch, Zeile 184 - 190? Und die Klasse .proton in den Zeilen 129 - 131?

2002Andreas

Zitat von Boersenfeger

KEIN Lautsprechersymbol mehr auf dem Tab angezeigt.

Teste bitte:

In der config den Wert:

browser.tabs.secondaryTextUnsupportedLocales

um

.de

erweitern.

Neustart vom Fx

PS:

Ohne die Änderung erscheint das Symbol nur noch bei hover.

Durch die Änderung wird auch der 2zeilige Text im Tab geändert.

Der Text "Wiedergabe" wird entfernt.

Boersenfeger

Der Eintrag ist hier schon lange so..

Wenn es an dem proton Eintrag liegen sollte, wäre das ja schon bei den vorherigen Nightlyversionen aufgefallen

2002Andreas

Zitat von Boersenfeger

Der Eintrag ist hier schon lange so.

Dann weiß ich es auch nicht, was dir mal wieder dazwischen funkt

milupo

Zitat von Boersenfeger

Wenn es an dem proton Eintrag liegen sollte, wäre das ja schon bei den vorherigen Nightlyversionen aufgefallen

Man muss aber Code, der nichts mehr bewirkt, nicht ewig mitschleppen.

2002Andreas

Mein Hauptprofil mit CSS Anpassung für das Symbol:

.DeJaVu

tagesguck/ard diverse "video only"

CSS

@-moz-document domain("ardmediathek.de") {
section.bFCDHX > div:nth-of-type(2),
.lhybvg,
.igHIGD,
.b1y4zfs4._24c1zv._tfaen0._3aak8y,
.bb65sj8.n1mlk2ja:nth-of-type(3),
.n1mlk2ja,
.b6kgl60,
.bfdoyov,
.b156s2fs,
.bbqy152,
.b1cd8m1m
{
    display: none;
}

#goToContent,
.bbqy152,
html,
body
{
    background: #000;
}

.JkzCc,
.b10nt3dl,
.b1i7z9ff.b1i7z9ff.b1i7z9ff
{
    top: 0px;
    padding-bottom: 0;
}

.bFCDHX
{
    margin-top: 140px;
}

.ccweaf
{
    width: 100% !important;
}

._1jg4k8r
{
  width: 100% !important;
}

.b1ecz7dw
{
  max-width: unset !important;
}

.b10nt3dl
{
    min-height: unset !important;
}

html,
.b10nt3dl,
body > div:last-child
{
    overflow:hidden !important;
}
}

Alles anzeigen

2002Andreas

Zitat von .DeJaVu

diverse "video only"

Was bitte hat das mit dem fehlenden Lautsprechersymbol im Tab zu tun?

grisu2099

Zitat von 2002Andreas

Was bitte hat das mit dem fehlenden Lautsprechersymbol im Tab zu tun?

Gar nix nicht...

.DeJaVu

Wohl nix, aber in diesem CSS wird auch nichts abgeschaltet, was die Overlay-Bedienung angeht.

Vielleicht sollte er mal eine Adresse angeben, denn ich sehe keine Seite mit Videos, wo der LS oben links ist, die sind alle unten im Overlay bei hover. Bei so ziemlich allen ÖR.

PS auch nicht bei "alle Meldungen", PiP nutze ich nicht, hat er aber auch nicht geschrieben.

2002Andreas

Zitat von .DeJaVu

Vielleicht sollte er mal eine Adresse angeben

Jedes Video, z. B. auf Youtube.

Siehe Screenshot in Beitrag Nr. 10

.DeJaVu

Zitat von grisu2099

Gar nix nicht...

Doppelte Verneinung = ja. :p

2002Andreas

Es geht um das Symbol im Tab.

.DeJaVu

Dein Bild zeigt kein LS-Symbol.

Und YT hat auch kein LS-Symbol oben links, nie gehabt. Auch seit ewig unten.

Ach jetzt hats geschnackelt, im Tab. ARD ist vorhanden. tagesguck auch.

Kaputtgebastelt, was sonst. Einfache Lösung: weglassen oder neu aufbauen von Grund auf.

2002Andreas

Zitat von .DeJaVu

Dein Bild zeigt kein LS-Symbol.

Im aktiven orangen Tab ist doch ein grünes Lautsprechersymbol zu sehen.

So sieht das ohne CSS Anpassung aus:

.DeJaVu

Ich grad kein Profil dafür, aber der erste teil mit scale und color funktioniert, nur das margin erklärt sich nicht, das Symbol sitz voll mittig und sauber. ".proton" findet es nicht, nur ".proton-zap", halte ich eh für veraltet, ich denke auch, dass Mozilla das inzwischen alles umgenannt hat - ohne ins omni.ja zu schauen. Kommt selbst in meinen CSS, die ich zu Proton als Mockup erstellt habe, kein einziges Mal vor. Wie gesagt, neu aufbauen, und dann richtig.

Mit Firefox 119 und Nightly 121 wird kein Lautsprechersymbol auf dem Tab mehr angezeigt

Boersenfeger 25. Oktober 2023 um 17:18

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

CSS kleinanzeigen Werbung soll weg

Nach heutigem Nightly-UpDate Tab-Beschriftung verschoben..

Button um weiteres Profil zu öffnen

Firefox 113 Probleme mit TABs und Kontext Menü

Probleme mit TABs verschieben in Leiste