Améliorations CSS pour la notification de publication "Staff Color"

[MarcP]

J’ai remarqué sur mobile que la couleur du personnel dans un post n’avait pas de marges. J’ai également apporté quelques petites améliorations à la version de bureau.

Je suis heureux de faire une PR mais je ne suis pas vraiment sûr de l’endroit où trouver le CSS de bureau/mobile.

J’ai apporté les modifications suivantes :

bureau

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

mobile

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

ancien vs nouveau

Sur le bureau, j’ai simplement aligné le début du bloc avec le nom d’utilisateur car cela semblait plus agréable à l’œil. (les coins arrondis sont locaux, je les ai supprimés du code ci-dessus mais je les ajouterai bientôt dans le modèle que j’ai écrit)

Et sur mobile, j’ai corrigé les marges intérieures pour centrer le texte

[MarcP]

Est-ce que cela peut être reproduit sur meta ? Un modérateur peut-il ajouter la « couleur du personnel » à ce message ?

EDIT : Je peux confirmer que le problème semble également se poser sur meta ici et ici pour forcer la version mobile (actualisez après avoir cliqué pour charger la version mobile).

Ceci est ma première PR pour le cœur, veuillez vérifier si elle est conforme aux normes. Mais cette PR devrait rendre cela plus fluide :

UX: pretty up staff color block margins

[awesomerobot (Kris)]

Je suis d’accord que l’alignement de la boîte n’est pas idéal, mais j’aimerais vraiment conserver l’alignement du texte et la largeur du message si possible… le retrait décale cet alignement à gauche et rend également le contenu du message plus étroit que les autres messages

[MarcP]

Je suis d’accord avec votre opinion.

Qu’en est-il de l’exemple ci-dessous. Les couleurs ont été modifiées pour rendre les détails plus clairs à des fins de test.

edit margins for desktop

[chapoi]

Cela me semble bien. @awesomerobot ?

[awesomerobot (Kris)]

oui, cela dissipe mes inquiétudes — merci @MarcP !