(Mi sono imbattuto in questo vecchio post mentre rivisitavo alcune altre confusioni sugli avvisi dello staff…)
Ho sempre pensato che il posizionamento degli avvisi dello staff fosse potenzialmente ambiguo. Poiché i temi possono gestire cose come colori, bordi e divisori in modo diverso, è probabilmente difficile risolverlo in quel modo.
Un’alternativa che può essere applicata globalmente a tutti gli avvisi dei post oggi è un po’ di CSS personalizzato per inserire una freccia Unicode, prima dell’avatar:
CSS: prima dell'avatar
.post-notice::before {
content: '🡇';
}
(O forse più correttamente):
.post-notice::before {
content: " \\1F847";
}
…o prima del contenuto del testo:
CSS: prima del testo
.post-notice p::before {
content: " \\1F847";
margin-right: .5rem;
}
Ooo — ecco un trucco per cambiare il colore:
CSS: cambia colore
.post-notice p::before {
content: " \\1F847\\fe0e";
color: yellow;
margin-right: .5rem;
}
(Aggiungere \\fe0e a qualsiasi carattere Unicode esegue il rendering di una versione testuale che accetta il colore. Riferimento.)
E ho deciso che la freccia verso il basso non ha un bell’aspetto per un avviso sull’argomento principale, poiché porta più ovviamente l’argomento. Questo CSS sostituisce la freccia con un punto solo per il primo post:
CSS: diverso per l'argomento principale
#post_1 .post-notice p::before {
content: " \\29BF\\fe0e";
color: yellow;
margin-right: .5rem;
}