3 Buttons oben rechts

hwww · June 30, 2022 at 8:24 AM

Hallo

Ich habe für die Buttons oben rechts (minimieren, größer und beenden) verschiedene Farben beim Hovern (siehe Script). Bei der neuen Version 102.0 funktioniert das nicht mehr. Nur der Beenden-Button ist rot. Wie kann man das Script ändern so das wieder alle Button die gewünschte Farbe zeigen.

Danke schon mal hwww

CSS

/********************************3 Buttons rechts oben*********************************/

 #titlebar-min:hover{
    background:#ffdd77!important;    
  }
#titlebar-max:hover{
    background:#9999ff!important;    
  }
#titlebar-close:hover{
    background:#ee5500!important;    
  }


  
#titlebar-min,
#titlebar-max,
#titlebar-close{
    border: 1px solid grey !important;
    margin-top: 2px !important;
    margin-bottom: 1px !important;
    border-radius: 7px !important;
  }

Display More

nowar · June 30, 2022 at 11:54 AM

Quote from hwww

Nur der Beenden-Button ist rot.

Der ganze Code funktioniert nicht, diese Schaltfläche ist standardmäßig rot.

edvoldi · June 30, 2022 at 12:03 PM

Hallo hwww,

bitte testen.

CSS

 .titlebar-button.titlebar-min:hover{
    background: #ffdd77 !important;    
  }
.titlebar-button.titlebar-max:hover{
    background: #9999ff !important;    
  }
  .titlebar-button.titlebar-close:hover{
    background: blue !important;    
  }

Gruß

EDV-Oldie

hwww · June 30, 2022 at 2:19 PM

Hallo edvoldi

Danke für den Code.

CSS

.titlebar-button.titlebar-min:hover{
    background: #ffdd77 !important;

Dieser funktioniert. Button ist gelb. Die anderen zwei nicht. Closebutton ist ja sowieso rot.

Quote from nowar

Quote from hwww

Nur der Beenden-Button ist rot.

Der ganze Code funktioniert nicht, diese Schaltfläche ist standardmäßig rot.

edvoldi · June 30, 2022 at 2:24 PM

Quote from hwww

Die anderen zwei nicht. Closebutton ist ja sowieso rot.

Also bei mir funktionieren die anderen beiden auch.
Vielleicht kommt ein andere Code in die Quere.

Blende einfach einmal alles andere aus.

Und der Close Button ist bei mir blau.

Hast Du auch einmal einen Neustart mit löschen den Script-Cach gemacht?

Zur Not einmal im Fehlerbehebungsmodus starten.

Gruß

EDV-Oldie

milupo · June 30, 2022 at 2:38 PM

Quote from edvoldi

Hast Du auch einmal einen Neustart mit löschen den Script-Cach gemacht?

Bei CSS brauchst du keinen Skriptcache löschen, nur TB neustarten.

hwww · June 30, 2022 at 2:47 PM

Also ist schon merkwürdig. Wenn ich bei allen drei "yellow" eintrage ist der "min" Button und "close" Button gelb. Der "max" Button bleibt grau. Auch wenn ich alle anderen Codes lösche ist das so.

nowar · June 30, 2022 at 2:48 PM

Quote from hwww

Dieser funktioniert. Button ist gelb. Die anderen zwei nicht. Closebutton ist ja sowieso rot.

Der edvoldi-Code funktioniert definitiv. Hier zusammen mit Ihren Rahmen.

CSS

/* userChrome.css Tweak Thunderbird v102.0 */
/* Colorful buttons Close, Expand, Collapse */
/* Big thank to edvoldi */
/* https://www.thunderbird-mail.de/forum/thread/89813-3-buttons-oben-rechts/?postID=498291#post498291 */
.titlebar-button.titlebar-min:hover {
background: #ffdd77 !important;
}
.titlebar-button.titlebar-max:hover {
background: #9999ff !important;
}
.titlebar-button.titlebar-close:hover {
background: blue !important;
}

/* Button style (frame) */
.titlebar-button.titlebar-min,
.titlebar-button.titlebar-max,
.titlebar-button.titlebar-close {
border: 1px solid grey !important;
margin-top: 2px !important;
margin-bottom: 1px !important;
border-radius: 7px !important;
}

Display More

milupo · June 30, 2022 at 3:01 PM

Quote from hwww

Der "max" Button bleibt grau.

Du hast auch den maximierten Zustand? Wenn das Fenster etwas verkleinert ist, hat diese Schaltfläche nämlich einen anderen Selektor: .titlebar-restore

hwww · June 30, 2022 at 4:14 PM

Quote from nowar

Der edvoldi-Code funktioniert definitiv. Hier zusammen mit Ihren Rahmen.

Dieser Code funktioniert jetzt mit der Änderung von "milupo". Statt

Code

#titlebar-max:hover

muß es

Code

#titlebar-restore:hover

sein.

Danke an alle und eine schöne Woche noch hwww

edvoldi · June 30, 2022 at 5:39 PM

Quote from hwww

muß es

wenn Du diesen Code nimmst,

CSS

 .titlebar-button.titlebar-min:hover {
    background: #ffdd77 !important;    
  }
.titlebar-button.titlebar-max:hover,
.titlebar-button.titlebar-restore:hover{
    background: #9999ff !important;    
  }
  .titlebar-button.titlebar-close:hover{
    background: blue !important;    
  }

sollte es im Vollbild und in der verkleinerten Anzeige funktionieren.

Gruß

EDV-Oldie

milupo · June 30, 2022 at 7:15 PM

Quote from edvoldi

sollte es im Vollbild und in der verkleinerten Anzeige funktionieren.

Ja, es empfiehlt sich alle 4 Selektoren in den Code aufzunehmen.

milupo · June 30, 2022 at 8:02 PM

Quote from hwww
Dieser Code funktioniert jetzt mit der Änderung von "milupo". Statt
Code
#titlebar-max:hover
muß es
Code
#titlebar-restore:hover
sein.

Es ist unwahrscheinlich, dass das funktioniert. Alle 4 titlebar-Selektoren sind Klassen und keine IDs. Es muss bei allen ein Punkt davor stehen, keine Raute.

hwww · July 1, 2022 at 6:51 AM

Quote from milupo

Es ist unwahrscheinlich, dass das funktioniert. Alle 4 titlebar-Selektoren sind Klassen und keine IDs. Es muss bei allen ein Punkt davor stehen, keine Raute

Hast vollkommen recht. War mein Fehler. Hatte den Code von "nowar" #8 drinnen und der funktioniert. Hatte mich beim schreiben von #10 versehen.

Habe jetzt den Code von "edvoldi" #11 genommen und alles ist bestens.

Danke noch mal an alle die geholfen haben hwww

3 Buttons oben rechts

Community-Bot September 3, 2024 at 8:50 PM

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht

Similar Threads

Mails sind plötzlich leer und jetzt weg

Signature Switch 2.10.0

Button Anordnung in der Nachrichtenansicht ändern möglich?

Senden-Button funktioniert nicht Thunderbird 91.3.2

Thunderbird bricht mir die Zeilen bei Reintext Mails verfassen nicht mehr um