Miglioramenti CSS per l'avviso di post "Staff Color"

UX
1

Ho notato che il colore dello staff su mobile in un post non aveva margini. Ho anche apportato alcuni piccoli miglioramenti alla versione desktop.

Sono felice di fare una PR ma non sono sicuro di dove trovare il CSS desktop/mobile.

Ho apportato le seguenti modifiche:

desktop

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

mobile

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

vecchio vs nuovo

Sul desktop, ho semplicemente allineato l’inizio del blocco con il nome utente poiché sembrava più gradevole alla vista. (gli angoli arrotondati sono locali, li ho rimossi dal codice sopra ma li aggiungerò al template che ho scritto al più presto)

image
image1536×230 16.4 KB

image
image1546×310 22.2 KB

E su mobile, ho corretto i padding per centrare il testo

image
image1125×435 81.7 KB

image
image1125×475 83.6 KB

3 Mi Piace
2

È possibile riprodurlo su meta? Un mod può aggiungere il ‘colore staff’ a questo post?

MODIFICA: Posso confermare che il problema sembra essere presente anche su meta qui e qui per forzare la versione mobile (aggiorna dopo aver cliccato per caricare la versione mobile)

Questo è il mio primo PR al core, per favore controlla se è conforme agli standard. Ma questo PR dovrebbe renderlo più fluido:

3 Mi Piace
4

Concordo que o alinhamento da caixa nã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 Mi Piace
5

Sono d’accordo con la tua opinione.

Che ne dici dell’esempio qui sotto. Ho cambiato i colori per rendere i dettagli più chiari a scopo di test.

image
image766×262 14.6 KB

1 Mi Piace
6

Sembra bello anche a me. @awesomerobot?

2 Mi Piace
7

sì, questo attenua le mie preoccupazioni — grazie @MarcP!

1 Mi Piace