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

    Zitat von 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;
}

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Einmal editiert, zuletzt von Bastler (29. September 2023 um 19:34) aus folgendem Grund: Zusatz

    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.

    Zitat von milupo

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

    Hallo,

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

    Zitat von 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.

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Zitat von Traube

    Der folgende, nicht ganz saubere Code scheint zu funktionieren.

    Jeder Erfolg zählt!

    Verkürze mal die vielen border: Anweisungen. Beispiel habe ich gezeigt.

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    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

    Zitat von 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".

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Einmal editiert, zuletzt von Bastler (29. September 2023 um 21:06)

    Zitat von 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;
}

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Zitat von 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ü.

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Zitat von 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;
}

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Einmal editiert, zuletzt von Bastler (8. Januar 2024 um 22:34) aus folgendem Grund: Code angepasst

    Zitat von 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