Symbolleiste - Button der Erweiterung PrintingTools NG Verändern

    Guten Tag

    ich habe die Buttons in der Symbolleiste geändert. Sieht jetzt nett aus. Der Bezeichner zum Button der Erweiterung PrintingTools NG habe ich nicht gefunden. Kann mir jemand helfen?

    Vielen Dank

    Quote from Traube

    Der Bezeichner zum Button der Erweiterung PrintingTools NG habe ich nicht gefunden.

    Hallo,

    den gezielt anzusprechen, gestaltet sich bei meinen Versuchen auch noch zickig.

    Mit folgendem Code, spreche ich derzeit alle Buttons an, auch neu hinzugezogene, auch PT-NG.

    Er ist weniger aufwändig als Deiner.

    Wenn z.B. border: allseitig gleich sein soll, muss man nicht jede Seite einzeln definieren.

    CSS
    .unified-toolbar-button {
appearance: none !important;
  border: 0.5px solid #555 !important;
}
.unified-toolbar-button:hover {
  background-color: #DADADA !important;
}

    Edited once, last by Bastler: Zusatz (September 29, 2023 at 7:34 PM).

    Hallo und vielen Dank für die Mühe und Antwort

    Der folgende, nicht ganz saubere Code scheint zu funktionieren.

    (Es ist eine Mischung aus alt und neu)

    Liebe Grüsse

    @Bastler Teste mal #tbButtonParentListenerDiv_PrintingToolsNG\@cleidigh\.kokkini\.net Das ist eine Etage höher, die ID vom div-Element. Solche ID-Ungetüme kopierst du am besten aus dem Inspektor mit Rechtsklick --> Kopieren --> CSS-Selektor. Das hat den Vorteil, dass reservierte Zeichen automatisch maskiert werden, so wie das hier der Fall ist.

    Quote from milupo

    Teste mal #tbButtonParentListenerDiv_PrintingToolsNG\@cleidigh\.kokkini\.net

    Hallo,

    habe ich in allen möglichen Facetten schon gemacht, irgendwie ist er zickig.

    Quote from milupo

    Solche ID-Ungetüme kopierst du am besten aus dem Inspektor mit Rechtsklick --> Kopieren --> CSS-Selektor

    So mache ich das auch, zusätzlich auch noch Kopieren -> CSS Pfad., um den Zusammenhang zu beäugen.

    CSS
    #tbButtonParentListenerDiv_PrintingToolsNG\@cleidigh\.kokkini\.net {
appearance: none !important;
border: 2.5px solid #0F0 !important;
}

#tbButtonParentListenerDiv_PrintingToolsNG\@cleidigh\.kokkini\.net:hover {
  background-color: #DADADA !important;
}

    Basis Beitrag #2 - aber größere Rahmendicke und markantere Rahmenfarbe. Die Hintergrundfarbe bei Hover funktioniert auch.

    Die Zieladresse funktioniert. Die Buttonabmessung wird nicht übernommen.

    Bei hover aber schon

    Ich hab den Code von Bastler übernommen. Er funktioniert, also alles i.O.

    Besten Dank an Bastler und Milupo

    Quote from Traube

    Ich hab den Code von Bastler übernommen. Er funktioniert, also alles i.O.

    Nun gut, freut mich.

    Hier habe ich inzwischen die konkrete Ansprache

    #tbButtonParentListenerDiv_PrintingToolsNG\@cleidigh\.kokkini\.net > button:nth-child(1)

    ----------------------------------

    Setze noch mit Doppelklick in das Kästchen unter dem Titel auf "Erledigt".

    Edited once, last by Bastler (September 29, 2023 at 9:06 PM).

    Quote from DarkCorri53i

    weiss aber nicht wie die Buttons dort angesprochen werden

    Hallo,
    was soll denn im einzelnen geschehen? Zumindest ein erster Ansatz zum Probieren:

    CSS
    /* ---Verfassen-Symbolleiste Buttons rahmen--- */
#composeToolbar2 .toolbarbutton-1 {
appearance: none !important;
border: 0.5px solid #777 !important;
border-radius: 4px !important;
}
/* ---Senkrechte Separatoren ausblenden--- */
#composeToolbar2 toolbarseparator {
display: none !important;
}
    Quote from DarkCorri53i

    Wie bekomme ich den kleinen grauen Rahmen in den beiden Buttons weg?

    Bei solch einem Hintergrund braucht man Adleraugen oder Phantasie.
    Ich sehe keinen Rahmen, nur den Trennstrich zum Winkel (Breitpfeil), den gibt es bei Buttons mit Untermenü.

    Quote from DarkCorri53i

    den kleinen grauen Rahmen

    Versuche Folgendes gegen die Trennstriche im Button.

    CSS
    #spellingButton.toolbarbutton-1 dropmarker.toolbarbutton-menubutton-dropmarker:before,
#button-save.toolbarbutton-1 dropmarker.toolbarbutton-menubutton-dropmarker:before,
#button-attach.toolbarbutton-1 dropmarker.toolbarbutton-menubutton-dropmarker:before {
  appearance: none !important;
content: none !important;
}

    Edited once, last by Bastler: Code angepasst (January 8, 2024 at 10:34 PM).

    Quote from DarkCorri53i

    hat wirklich keiner eine Idee wie ich den kleinen grauen Rahmen mit Trennstrich in den beiden Buttons mit Untermenue ausblenden kann!

    Teste bitte mal das ↓.

    CSS
    #composeToolbar2 .toolbarbutton-1:not(:hover, :active, [open], [checked]) > .toolbarbutton-menubutton-dropmarker::before,
#composeToolbar2 .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-dropmarker::before {
    background-image: none !important;
}

    und wech

    Dharkness