Sehr neu bei CSS und Co., also entschuldigt bitte, falls das untenstehende unglaublich rudimentär und/oder weitläufig ist.
Meine Frage lautet: Wie kann man „Ember“-Elemente per CSS identifizieren und entfernen? Ich nehme an, man macht das über das Attribut display: none.
Nur als zufälliges Beispiel: Angenommen, ich möchte den Lesezeichen-Button am unteren Rand von Themen entfernen. Wenn ich das Element in der Chrome-Konsole nachschaue, sehe ich nur das CSS für alle Topic-Footer-Buttons im Allgemeinen, nicht aber für diesen spezifischen Button. Wenn ich also display: none anwende, würde dies auf alle Buttons zutreffen und nicht nur auf den einen.
Ergebnis nach dem Setzen von display: none auf den CSS-Button-Tag:
Ich bin mir ziemlich sicher, dass es möglich ist, nur einen einzelnen Button zu entfernen, und dass dies auch auf andere Ember-Elemente übertragbar ist, die größtenteils ähnlich gruppiert sind. Zuvor habe ich es geschafft, andere Ember-Elemente zu entfernen (nämlich den Justifizierungs-Button in der Composer-Leiste), allerdings nur mit Hilfe anderer Nutzer in diesem Forum.
Wie geht man jedoch vor, um den spezifischen CSS-Tag zu identifizieren, an den man display: none anhängen kann?
Noch einmal: Entschuldigt bitte, falls dies zu grundlegend oder zu langatmig ist.
Entschuldigung, falls ich ein schlechtes Beispiel gewählt habe, da ich nicht wusste, dass es eine Option außerhalb von CSS gibt. Ich habe einfach ein beliebiges Ember-Element ausgewählt.
Ein besseres Beispiel wäre wohl auf der Benutzerseite. Es geht mir darum, herauszufinden, wie man identifiziert, was man in CSS einfügen kann (ähnlich wie im zitierten Beitrag ab dem Thread „MD Composer Extras“, auf den ich oben verwiesen habe), sodass man hypothetisch ein Ember-Element vom Anzeigen abhalten könnte.
Ein besseres Beispiel wäre die Seitenleiste im Bereich „Aktivitäten“ eines Profils. Soweit ich weiß, gibt es dafür keine spezifische Option in den Einstellungen, sondern man müsste CSS verwenden.
Guter Anfang, aber es muss noch gearbeitet werden @b481
Ja, ich habe das bereits erwähnt @b481, dass du keinen Selektor basierend auf den zugewiesenen Ember-Klassen und -IDs wählen solltest.
Du solltest einen Selektor verwenden, der keine von Ember zugewiesene Klasse ist. Ich habe dir in meiner früheren Antwort beschrieben, wie das geht.
SEITENLEISTE: Zur Info: Auf diese Weise (wie du oben erwähnt hast) löschst du diese Elemente nicht aus dem DOM, du blendest sie nur aus. Das ist jedoch ein Thema für einen anderen Tag
Bitte verwende einen Selektor, der nicht automatisch von Ember zugewiesen wird.
Ich hoffe, das hilft.
Hinweis:
Wenn du versuchst (in deinem Beispiel) die Lesezeichen-Schaltfläche am Ende eines Themas auszublenden, hast du Folgendes versucht:
#topic-footer-button-bookmark
{
display:none;
}
Entschuldigung, aber aus deinen Beiträgen weiß ich wirklich nicht genau, welches Element im DOM (Beispiel oder tatsächlich) du ausblenden möchtest.
