Lautsprecher Symbol vergrössern

uwe_p

Zitat von Klausi
Kann man das Symbol auch wieder komplett entfernen? Der alte Code in meiner .css war
CSS
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tab-icon-overlay[soundplaying][pinned],
.tab-icon-overlay[muted][pinned],
.tab-icon-overlay[activemedia-blocked][pinned] { display:none!important; }

.tab-icon-sound[pinned] { display:none !important; }
.tab-icon-sound { display:none !important; } 
Geht aber anscheinend nicht mehr Und da ich NULL Ahnung habe, bin ich wieder hier

Folgendes war bei mir erfolgreich:

Code

.tab-icon-overlay { display: none !important }

Klausi

Danke. Scheint erstmal so zu funktionieren!

Boersenfeger

Danke auch von mir!

Leider ist das Lautsprechersymbol nicht mittig.

Hier der komplette Code, die letzte Anpassung ist am Ende eingefügt:

CSS

    /* Tabs rund und farbig */

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

    /* TAB normal (inaktiv):
    * Hintergrundfarbe, Schriftfarbe,
    * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
    * unten kein Rahmen -> Abschlußrahmen vom Container.*/

    
    #TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 14px 14px !important;
    margin-top: 0px !important;
    padding: 0px 0 !important;
    }

    /* TAB bei bei angewähltem TAB (aktiv):
    * Hintergrundfarbe, Rahmen,
    * Schriftfarbe.*/
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: red !important;
    font-weight:bold !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: 1px !important; 
    }
        
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.*/
 
    #TabsToolbar .tab-close-button {
    margin-right: 1px !important;
    padding: 0 !important;    
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 18px !important;
    width:  18px !important;    
    background-color: red !important;
    border-radius: 5px !important; 
    }
    

    /* Schliessen-Button nur wenn angewählt */

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

    /* Alle anderen Elemente in den TABs ohne Hintergrund. */

    #TabsToolbar .tabbrowser-tab * {
    background: none !important; 
    } 
 

    /* Schriftgröße Tabs */

    .tab-text {
    font-size:15px !important; 
    }
    
    /* Damit wird der Tabtext am Ende nicht ausgeblendet */
    
    .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; 
    }
    
    /* Doppelte Schliessung ausblenden */

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

    /* Tabs Proton-Design */

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

    #TabsToolbar {
    min-height: 36px !important;
    max-height: 36px !important;    
    border-top: 1px solid #B2B2B2 !important;
    border-bottom: 1px solid #B2B2B2 !important; 
    margin-bottom: 1px !important;
    padding-left: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    margin-top: 2px !important;    
    margin-bottom: 2px !important;}

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

    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
    box-shadow: none !important;
    }

    .tabbrowser-tab {
    box-shadow: none !important;
    margin-right: 0 !important;
    }
    
    #tabbrowser-tabs:not([positionpinnedtabs]) > 
    #tabbrowser-arrowscrollbox > 
    .tabbrowser-tab[pinned] + 
    .tabbrowser-tab:not([pinned]) {
    margin-inline-start: 6px !important;
    }

    .tabbrowser-tab .tab-content {
    background-image: linear-gradient(to bottom, dimgrey 0%, dimgrey 14%, dimgrey 14%, dimgrey 100%) !important;
    padding: 0 3px !important;
    margin-top: 2px !important;    
    margin-bottom: 1px !important;
    }
    
    .tabbrowser-tab[selected="true"] .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, dimgrey 14%, dimgrey 100%) !important;
    margin-top: -4px !important;    
    margin-bottom: 1px !important;
    }
    
    .tabbrowser-tab:hover .tab-content {
    background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;}
    
    .tabbrowser-tab[selected="true"]:hover .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;} 

    .tab-throbber:not([pinned]),
    .tab-sharing-icon-overlay:not([pinned]),
    .tab-icon-pending:not([pinned]),
    .tab-icon-image:not([pinned]) {
    margin-top: 2px !important;
    margin-inline-end: 5px !important;
    }
    .tabbrowser-tab:not([selected="true"]) .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, dimgrey 14%, dimgrey 100%) !important;
    margin-top: -4px !important;    
    margin-bottom: 1px !important;
    }
    .tabbrowser-tab .tab-content .tab-text.tab-label,
    .tabbrowser-tab:hover .tab-content .tab-text.tab-label {
    margin-top: 1px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }     

    .tabbrowser-tab[label*=" - YouTube"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
    background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;}
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;}
    
    .tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
    background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;}
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;}

    .tabbrowser-tab .tab-content vbox.tab-label-container.proton {
    -moz-box-orient: horizontal !important;} 
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
    margin-top: 0px !important;
    margin-right: 0px !important;
    } 
    
    .tab-icon-sound[soundplaying="true"],
    .tab-icon-sound[muted="true"],
    .tab-icon-sound[activemedia-blocked="true"] {
    background: #FFF !important;
    padding: 0 1px !important;
    }
    
    .tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
    .tab-icon-sound[muted="true"] .tab-icon-sound-image,
    .tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
    fill: #F10 !important;
    }

    .tab-icon-sound-image {
    height: 1.5em !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; 
    justify-content: center !important;
    align-items: center !important;
    }

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

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0px !important;
    padding-top: -5px!important;
    width: 16px !important;
    }

    /* Tab Mindestbreite einstellen */
    
    .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0 !important;
    min-width: 200px !important;
    }

    /*Tabs in Tableiste mittig*/
    scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
    }
    
    /* Lautsprechersymbol größer */
    .tab-icon-overlay {
    transform: scale(1.5, 1.5) !important;
    }

Alles anzeigen

grisu2099

Teste mal mit:

CSS

image.tab-icon-overlay {
    top: 3px !important;
    }

Den Wert nach Wunsch anpassen...

Boersenfeger

Passt topgenau

Vielen Dank!

grisu2099

Gerne!

Mr. Cutty

Mal noch gefragt:

Spielt man im Browser z.B. eine .mp4-Videodatei oder .mp3-Audiodatei ab, zeigt der Tab ja kein Favicon an. Erst wenn man in den Tab fährt, kommt das Lautsprechersymbol.

Gibt es hier am Platz für das fehlende Favicon eine Möglichkeit eine Art Medien-Favicon anzeigen zu lassen?

Zitronella

Zitat von Mr. Cutty

Spielt man im Browser z.B. eine .mp4-Videodatei oder .mp3-Audiodatei ab, zeigt der Tab ja kein Favicon an

Das stimmt so nicht. Kommt auf den Server an, ob da ein Favicon hinterlegt wurde.

Das angezeigte Lautsprechersymbol, welches anstatt des Favicons beim drüberfahren erscheint ist KEIN Favicon im eigentlichen Sinne. Und es verschwindet ja auch sobald das Medium zu Ende gespielt wurde, oder im Medium der Ton abgestellt wird, oder es pausiert oder gestoppt wurde.

Mr. Cutty

Zitat von Zitronella

Das stimmt so nicht. Kommt auf den Server an, ob da ein Favicon hinterlegt wurde.

Stimmt, was ich nicht bedacht habe.

StandingBill

Hallo

Der doppelzeilige Tabtext bei Medienwiedergabe wird abgeschaltet und das Lautsprechersymbol dauerhaft angezeigt,

wenn unter about:config der Schalter browser.tabs.secondaryTextUnsupportedLocales um das Kürzel der genutzten Sprache ergänzt wird, also für einen deutschsprachigen Firefox um ,de. Anschließend ist Firefox neu zu starten. (Quelle)

Grüße

captain chaos

Zitat von 2002Andreas

Das so ein kleiner Code doch vielen usern hier Freude macht...hätte ich nie gedacht.

Es ist nicht nur der Code, sondern dass du immer wieder schnell, nett und hilfreich antwortest.

Auch von mir Danke dafür!

2002Andreas

Zitat von captain chaos

dass du immer wieder schnell, nett und hilfreich antwortest.

Danke

oldman53

Zitat von StandingBill

Der doppelzeilige Tabtext bei Medienwiedergabe wird abgeschaltet und das Lautsprechersymbol dauerhaft angezeigt,
wenn unter about:config der Schalter browser.tabs.secondaryTextUnsupportedLocales um das Kürzel der genutzten Sprache ergänzt wird, also für einen deutschsprachigen Firefox um ,de. Anschließend ist Firefox neu zu starten. (Quelle)

Hallo, das ist für mich die wichtigste Information des Tages......

Endlich wieder dauerhaft sichtbarer Lautsprecher bei 'MediaPlay'.

Vielen Dank.

StandingBill

Gerne doch

Son Goku

Zitat von StandingBill

Hallo
Der doppelzeilige Tabtext bei Medienwiedergabe wird abgeschaltet und das Lautsprechersymbol dauerhaft angezeigt,
wenn unter about:config der Schalter browser.tabs.secondaryTextUnsupportedLocales um das Kürzel der genutzten Sprache ergänzt wird, also für einen deutschsprachigen Firefox um ,de. Anschließend ist Firefox neu zu starten. (Quelle)
Grüße

Hallo,

wie schreibt man sowas in der user.js oder bringt es nix ?

2002Andreas

Zitat von Son Goku

wie schreibt man sowas in der user.js

user_pref("browser.tabs.secondaryTextUnsupportedLocales", .de);

Oder noch besser mit einer Erklärung wozu das ist

user_pref("browser.tabs.secondaryTextUnsupportedLocales", .de); // Der doppelzeilige Tabtext bei Medienwiedergabe wird abgeschaltet und das Lautsprechersymbol dauerhaft angezeigt

Sören Hentzschel

Du hast die Anführungszeichen vergessen. So ist das eine ungültige Syntax. Und der Punkt hat da auch nichts verloren, ist ja keine Domain-Endung.

2002Andreas

Zitat von Sören Hentzschel

Du hast die Anführungszeichen vergessen

Hallo Sören..wo genau?

Ansonsten hat das hier so funktioniert.

Der Eintrag wurde in der config hinzugefügt.

Zitronella

Das funktioniert so nicht, wie ich eben fesststellte, weder mit

user_pref("browser.tabs.secondaryTextUnsupportedLocales", .de);

noch mit

user_pref("browser.tabs.secondaryTextUnsupportedLocales", de); (ohne Punkt vor de)

Ich denke da JS sind nur Werte mit false oder true zulässig.

EDIT: siehe #40

Sören Hentzschel

Beim Wert. Der Wert kann nur ein Boolean (true, false), eine Ganzzahl oder ein String (also etwas in Anführungszeichen) sein. So wie das da steht, ist das ein SyntaxError in JavaScript. Selbst wenn da was in about:config übernommen worden ist, an der Stelle dürfte das Script dann abbrechen.

Unabhängig davon würde mich wundern, wenn das wirklich so funktioniert hat, denn ".de" ist ja auch falsch, das Sprachkürzel darf nur "de" heißen.

Also wenn schon, dann:

user_pref("browser.tabs.secondaryTextUnsupportedLocales", "de");

Oder besser:

user_pref("browser.tabs.secondaryTextUnsupportedLocales", "ar,bn,bo,ckb,fa,gu,he,hi,ja,km,kn,ko,lo,mr,my,ne,pa,si,ta,te,th,ur,zh,de");

(Es gibt ja keinen Grund, die anderen Sprachen zu entfernen.)