Melhorias CSS para aviso de postagem "Staff Color"

Experiência do Usuário
1

Notei que a cor da equipe no celular em uma postagem não tinha margens. Também fiz algumas pequenas melhorias na versão para desktop.

Ficarei feliz em fazer um PR, mas não tenho certeza de onde encontrar o CSS para desktop/celular.

Fiz as seguintes alterações:

desktop

.moderator .regular>.cooked {
    margin-left: 8px;
}

mobile

.moderator .regular>.cooked {
    padding-top: 1em;
    padding-left: 1em;
}

antigo vs novo

No desktop, apenas alinhei o início do bloco com o nome de usuário, pois parecia mais agradável aos olhos. (os cantos arredondados são locais, removi isso do código acima, mas os adicionarei no template que escrevi o mais rápido possível)

image
image1536×230 16.4 KB

image
image1546×310 22.2 KB

E no celular, corrigi os preenchimentos para centralizar o texto

image
image1125×435 81.7 KB

image
image1125×475 83.6 KB

3 curtidas
2

Isso pode ser reproduzido no meta? Um moderador pode adicionar ‘cor de staff’ a esta postagem?

EDIT: Posso confirmar que o problema também parece estar no meta aqui e aqui para forçar a versão mobile (atualize após clicar para carregar o mobile)

Este é o meu primeiro PR para o core, por favor, verifique se está de acordo com os padrões. Mas este PR deve tornar isso mais suave:

3 curtidas
4

Concordo que o alinhamento da caixa não é o ideal, mas eu realmente gostaria de preservar o alinhamento do texto e a largura da postagem, se possível… o recuo muda esse alinhamento à esquerda e também torna o conteúdo da postagem mais estreito do que outras postagens

image(1)
image(1)1536×230 18.1 KB

3 curtidas
5

Concordo com sua opinião.

Que tal o exemplo abaixo. As cores foram alteradas para tornar os detalhes mais claros para fins de teste.

image
image766×262 14.6 KB

1 curtida
6

Isso parece bom para mim. @awesomerobot?

2 curtidas
7

sim, isso alivia minhas preocupações — obrigado @MarcP!

1 curtida