Button von addOn Farblichanpassen wie Junk ?

Tapo · August 12, 2022 at 9:21 PM

Hallo,

kann mir bitte jemand zeigen wie man en Button von der Erweiterung "PrintingTools NG" ändern kann wie der Junk den ich gemacht habe ?

CSS

#hdrJunkButton .toolbarbutton-icon {
    display:none!important;
    }


#hdrJunkButton {
    font-weight:600 !important; 
    color:blue !important;
    border-left: transparent 1px solid !important;
    border-top: transparent 2px solid !important;
    border-right: transparent 1px solid !important;
    border-bottom: transparent 2px solid !important;
    border-radius:4px !important;
    padding:0px 6px 2px 4px !important;
    }
    

#hdrJunkButton {
    background-color:rgba(215, 110, 0, 0.2) !important;
    }
    
#hdrJunkButton:hover {
    border-top:2px solid #d76e00 !important;
    }

Display More

dharkness21 · August 12, 2022 at 9:30 PM

Quote from Tapo

wie man en Button von der Erweiterung "PrintingTools NG" ändern kann

Das → #ptng-button wäre die nötige ID, dann baue mal was passendes für Dich.

P.S.:

Wie wäre es, wenn Du Dich mal mit den Entwicklerwerkzeugen beschäftigst?

Mapenzi · August 12, 2022 at 10:03 PM

CSS

#ptng-button-hdr { 
background-color: #EED2EE !important; }

Tapo · August 12, 2022 at 10:35 PM

Quote from Mapenzi

CSS

#ptng-button-hdr { 
background-color: #EED2EE !important; }

Das hatte ich schon gehabt Danke

Aber ohne Dropmaker sieht das anders aus.

CSS

#ptng-button-hdr{
  border-color: red !important;
}




#ptng-button-hdr,
#ptng-button {
    font-weight:600 !important; 
    color:blue !important;
    border-left: transparent 1px solid !important;
    border-top: transparent 2px solid !important;
    border-right: transparent 1px solid !important;
    border-bottom: transparent 2px solid !important;
    border-radius:4px !important;
    padding:0px 6px 2px 4px !important;
    }
    

    

#ptng-button-hdr,
#ptng-button {
    background-color:yellow !important;
    }
    
#ptng-button-hdr:hover,    
#ptng-button:hover {
    border-top:2px solid lime !important;
    }

Display More

Tapo · August 14, 2022 at 2:08 AM

Hallo,

aaaaaaaalso folgendes hab ich rausgefunden das alle Buttons in der Vorasch der email so aussehen.

oben normal, unten mit hover als yellow

CSS

#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([type="menu-button"]),
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button > .toolbarbutton-menubutton-button,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button > .toolbarbutton-menubutton-dropmarker,
#headingWrapper .toolbarbutton-1.message-header-view-button {
     border-color:red !important;
  /* border-color: var(--toolbarbutton-header-bordercolor);*/
}

#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([disabled="true"]):is(:hover,
[open]) > .toolbarbutton-menubutton-button, 
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([disabled="true"]):is(:hover,
[open]) > .toolbarbutton-menubutton-dropmarker,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([type="menu-button"], 
[disabled="true"], 
[checked="true"], [open],
:active):hover, 
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([buttonover], 
[open], 
:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]),
#headingWrapper .toolbarbutton-1.message-header-view-button:hover {
  /* border-color: var(--toolbarbutton-active-bordercolor); */
  border-color:blue !important;
   background:yellow !important;
}

Display More

aber wie zum Teufel bekomme ich das mit den "Drucken NG" hin ?

wenn ich dann noch hinzufüge

CSS

#ptng-button-hdr .toolbarbutton-icon,
#ptng-button-hdr > .toolbarbutton-menubutton-dropmarker {
    display:none!important;
    }

ist essig

dharkness21 · August 14, 2022 at 9:29 AM

Quote from Tapo

aber wie zum Teufel bekomme ich das mit den "Drucken NG" hin ?

wenn ich dann noch hinzufüge
ist essig

Teste mal das ↓.

CSS

#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([type="menu-button"]),
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button > .toolbarbutton-menubutton-button,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button > .toolbarbutton-menubutton-dropmarker,
#headingWrapper .toolbarbutton-1.message-header-view-button {
     border-color: red !important;
}

#ptng-button-hdr .toolbarbutton-icon,
#ptng-button-hdr > .toolbarbutton-menubutton-dropmarker {
    display: none !important;
}
#ptng-button-hdr .toolbarbutton-menubutton-button {
    border-radius: 3px !important;
    border: 1px solid red !important;
}

#toolbar-menubar .toolbarbutton-1:not([type="menu-button"], [disabled="true"], [checked="true"], [open], :active):hover,
#toolbar-menubar .toolbarbutton-1:not([disabled="true"]):is(:hover, [open]) > .toolbarbutton-menubutton-button,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([disabled="true"]):is(:hover, [open]) > .toolbarbutton-menubutton-button,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([disabled="true"]):is(:hover, [open]) > .toolbarbutton-menubutton-dropmarker,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([type="menu-button"], [disabled="true"], [checked="true"], [open], :active):hover,
#messageHeader:not(.message-header-buttons-only-icons) .toolbarbutton-1.message-header-view-button:not([buttonover], [open], :active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]),
#headingWrapper .toolbarbutton-1.message-header-view-button:hover {
    border-color: blue !important;
    background: yellow !important;
}

Display More

Tapo · August 14, 2022 at 6:19 PM

@dharkness21

danke,.

Damit konnt ich was anfangen

Button von addOn Farblichanpassen wie Junk ?

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

Thunderbird 153.0.3 veröffentlicht

Thunderbird 153.0.3 ESR veröffentlicht

Thunderbird 140.13.0 ESR veröffentlicht

Similar Threads

Termineinladung per Email lässt sich nicht annehmen oder ablehnen II

tbkeys-lite how-to: "Junk in diesem Ordner löschen" auf einen Key legen?

Anfänger Fragen Junk Filter einrichten

Darstellungs-, Grafik- und Stabilitätsprobleme nach Update von 78 auf 91

Migration altes Profil in neu erstelltes Profil

Senden Button hat keine Funktion mehr