Is it possible to change the icon used on Staff Notices, either through css or a setting that I just haven’t found? Preferably we’d like to swap it out for a custom picture rather than a FA icon.
1 „Gefällt mir“
We do not have a setting for that and I think doing it in CSS only is difficult, but you can create a theme component to replace it.
In CSS, you will hide the old icon:
.post-notice {
.d-icon-user-shield {
display: none;
}
}
In JavaScript (you put this in <head> of the theme component), you will decorate the notice and add the new icon:
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
api.decorateWidget('post-notice:before', helper => {
return iconNode('heart');
});
</script>
… or if you want to replace with an image…:
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget('post-notice:before', helper => {
return helper.h('img', {
src: 'https://www.discourse.org/a/img/home-spot-1.png',
style: 'margin-right: 0.65em',
height: 30,
width: 30
});
});
</script>
With themes and theme components, the sky is the limit. If you want to learn more, we have a resource for that:
12 „Gefällt mir“
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
Ich habe das gerade ausprobiert; der erste JS-Code-Schnipsel musste ein wenig aktualisiert werden.
Dies muss jetzt stattdessen im JS-Tab einer Theme-Komponente (oder eines Themes) platziert werden:
import { apiInitializer } from "discourse/lib/api";
import { iconNode } from "discourse-common/lib/icon-library";
export default apiInitializer("0.11.1", (api) => {
api.decorateWidget("post-notice:before", () => {
return iconNode("heart");
});
});
Ich habe nicht nachgeschaut, ob man stattdessen ein Bild verwenden kann, tut mir leid.
3 „Gefällt mir“
Nachdem ich es zu meinem Theme hinzugefügt hatte, sah ich eine Warnung wegen Upcoming post stream changes - How to prepare themes and plugins. Daher mache ich mir Sorgen, dass bald ein weiteres Update erforderlich sein wird.
Ich habe dies versucht, weil ich neugierig war, ob es nur die Notizen des Personals betrifft oder auch die Notizen neuer und wiederkehrender Benutzer, da dies alles Beitragsmitteilungen sind.
Es betrifft alle Beitragsmitteilungen, während das obige CSS nur das Schild ausblendet. Sie enden also mit zwei Symbolen bei den Benachrichtigungen für neue und wiederkehrende Benutzer.
1 „Gefällt mir“
Das ist dann doch alles etwas unbefriedigend!!
In meiner Eile, das zu posten, habe ich übersehen, dass ich api.decorateWidget nicht entfernt hatte. Ich muss den Fehler auf meiner Seite abgewiesen haben, ohne es zu merken.
Ich bin sicher, dass CSS besser gezielt werden könnte, aber ich habe gerade Quote Callouts entdeckt - das wird meinen Anwendungsfall sowieso besser erfüllen, denke ich.
3 „Gefällt mir“