Avisos de staff indicam que o posicionamento é ambíguo

Experiência do Usuário
7

(Encontrei esta postagem antiga ao revisitar algumas outras confusões de avisos de equipe…)

Sempre pensei que a colocação dos Avisos de Equipe era potencialmente ambígua. Como os temas podem lidar com coisas como cores, bordas e divisores de maneiras diferentes, provavelmente é difícil resolver dessa forma.

Uma alternativa que pode ser aplicada globalmente a todos os avisos de postagem hoje é algum CSS personalizado para inserir uma seta Unicode, antes do avatar:

image

CSS: antes do avatar 
.post-notice::before {
  content: '🡇';
}

(Ou talvez mais corretamente):

.post-notice::before {
  content: " \1F847";
}

…ou antes do conteúdo do texto:

image

CSS: antes do texto 
.post-notice p::before {
  content: " \1F847";
  margin-right: .5rem;
}

Ooo — aqui está um truque para mudar a cor:

image

CSS: mudar cor 
.post-notice p::before {
  content: " \1F847\fe0e";
  color: yellow;
  margin-right: .5rem;
}

(Anexar \fe0e a qualquer caractere Unicode renderiza uma versão de texto que aceita cor. Referência.)

E decidi que a seta para baixo não fica bem para um aviso no tópico principal, pois está mais obviamente levando o tópico. Este CSS substitui a seta por um marcador apenas para a primeira postagem:

image

CSS: diferente para o tópico principal 
#post_1 .post-notice p::before {
  content: " \29BF\fe0e";
  color: yellow;
  margin-right: .5rem;
}
1 curtida