# Mitarbeiterhinweis: Positionierung ist mehrdeutig

**URL:** <https://meta.discourse.org/t/staff-notices-positioning-is-ambiguous/258815>\
**Category:** UX\
**Tags:** post-notices\
**Created:** [20. März 2023 um 21:57 UTC](https://meta.discourse.org/t/staff-notices-positioning-is-ambiguous/258815 "2023-03-20T21:57:05Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![ToddZ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/toddz/32/328350_2.png) [@ToddZ](https://meta.discourse.org/u/ToddZ)\
**Post date:** [15. November 2024 um 19:04 UTC](https://meta.discourse.org/t/staff-notices-positioning-is-ambiguous/258815/7 "2024-11-15T19:04:58Z")

</div>

(Ich bin auf diesen alten Beitrag gestoßen, als ich einige [andere Verwirrung bei Staff-Hinweisen](https://meta.discourse.org/t/staff-notice-notice-from-staff/335655?u=toddz) noch einmal durchgesehen habe…)

Ich habe schon immer gedacht, dass die Platzierung von Staff-Hinweisen potenziell mehrdeutig ist. Da Themes Dinge wie Farben, Rahmen und Trennlinien unterschiedlich handhaben können, ist es wahrscheinlich schwer, das auf diese Weise zu lösen.

Eine Alternative, die heute global auf alle Post-Hinweise angewendet werden kann, ist etwas benutzerdefiniertes CSS, um einen [Unicode-Pfeil](https://unicode-explorer.com/list/arrows) einzufügen, entweder vor dem Avatar:

![image](https://global.discourse-cdn.com/meta/original/4X/a/a/3/aa343303fedd80975a0d8a6622bc884fbeab5714.png)

> **CSS: vor Avatar**
>
> ```plaintext
> .post-notice::before {
> content: '🡇';
> }
> 
> ```
> 
> (Oder vielleicht [korrekter](https://developer.mozilla.org/en-US/docs/Web/CSS/::before#special_characters)):
> 
> ```plaintext
> .post-notice::before {
> content: " \\1F847";
> }
> 
> ```

…oder vor dem Textinhalt:

![image](https://global.discourse-cdn.com/meta/original/4X/1/5/4/1548218a25334cd36e5d8ebb1f517d9c3cee9612.png)

> **CSS: vor Text**
>
> ```plaintext
> .post-notice p::before {
> content: " \\1F847";
> margin-right: .5rem;
> }
> 
> ```

Ooo — hier ist ein Trick, um die Farbe zu ändern:

![image](https://global.discourse-cdn.com/meta/original/4X/8/5/d/85d865628ad3e1832ffebc2881c54abeff2c98a8.png)

> **CSS: Farbe ändern**
>
> ```plaintext
> .post-notice p::before {
> content: " \\1F847\\fe0e";
> color: yellow;
> margin-right: .5rem;
> }
> 
> ```
> 
> (Das Anhängen von `\\fe0e` an jedes Unicode-Zeichen rendert eine Textversion, die Farbe akzeptiert. [Referenz](https://stackoverflow.com/a/73570152/16269530).)

Und ich habe beschlossen, dass der abwärts gerichtete Pfeil für einen Hinweis im Hauptthema nicht richtig aussieht, da er offensichtlich das Thema leitet. Dieses CSS ersetzt den Pfeil durch einen Punkt nur für den ersten Beitrag:

![image](https://global.discourse-cdn.com/meta/original/4X/7/3/4/7346a1470471ca2c76c69d9c791e62e3baddbd9d.png)

> **CSS: anders für Hauptthema**
>
> ```plaintext
> #post_1 .post-notice p::before {
> content: " \\29BF\\fe0e";
> color: yellow;
> margin-right: .5rem;
> }
> 
> ```

---

_[View the full topic](https://meta.discourse.org/t/staff-notices-positioning-is-ambiguous/258815)._