Danke dafür, Don, das wollte ich schon seit Jahren machen! Ich habe deine Idee für meine Bedürfnisse noch einen Schritt weiter getrieben. Da meine Seite etwas anders ist und jede Kategorie anders ist und nicht nur reine Diskussionen, habe ich mich entschieden, den Text des Antwort-Buttons komplett zu ändern. Für meine Kategorie für Bildkritiken habe ich ihn in “Kritik geben oder antworten” geändert. Indem ich “oder antworten” hinzugefügt habe, glaube ich, dass ich Jakkes Bedenken umgehe. Danke, dass du das angesprochen hast, Jakke. Ich hatte es anfangs nur auf “Kritik geben” eingestellt, aber du hast Recht, dass das nicht in allen Situationen funktioniert.
Ich mag den font-size: 0-Trick nicht, aber aus irgendeinem Grund hat der visibility:hidden-Trick hier nicht funktioniert. Außerdem habe ich versucht, die font-size auf 1em statt px zu setzen, aber das schien auch nicht zu funktionieren. Ich habe mich schließlich für eine etwas größere Schriftgröße entschieden, damit dieser Button hervorsticht, aber ich würde lieber em verwenden, damit die Schrift skaliert.
// Bildkritik
body.category-image-critiques-abstract-critiques,
body.category-image-critiques-avian-critiques,
body.category-image-critiques-flora-critiques,
body.category-image-critiques-human-fauna-critiques,
body.category-image-critiques-landscape-critiques,
body.category-image-critiques-macro-critiques,
body.category-image-critiques-night-critiques,
body.category-image-critiques-non-nature-critiques,
body.category-image-critiques-wildlife-critiques,
body.category-image-critiques-weekly-challenge {
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label {
// Antworttext ausblenden
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// Neuer Text
font-size: 18px;
content: "Bild kritisch bewerten oder antworten";
}
}
}
}
}
Das ist besonders großartig für meine AMA-Kategorie, wo ich den Antwort-Button in “Frage stellen” geändert habe, perfekt! Es hilft auch der Person, die das AMA durchführt, zu verstehen, dass sie den kleinen Antwort-Button verwenden muss.
// AMA
body.category-learning-ama {
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label {
// Antworttext ausblenden
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// Neuer Text
font-size: 18px;
content: "Eine Frage stellen";
}
}
}
}
}
Ich habe auch eine Hintergrundfarbe für den Antwort-Button festgelegt, damit er etwas mehr hervorsticht. Ich habe noch nicht herausgefunden, wie ich ihn beim Hovern richtig überblenden lassen kann, Ideen dazu wären hilfreich…
.discourse-no-touch .topic-body .actions .fade-out {
background: var(--primary-low);
}
Nun, hoffentlich hilft mein Geschwafel anderen!