"Staff Color" Beitragsbenachrichtigung CSS-Verbesserungen

[MarcP]

Mir ist aufgefallen, dass die mobile Darstellung der „staff color“ in einem Beitrag keine Ränder hatte. Ich habe auch einige kleine Verbesserungen an der Desktop-Version vorgenommen.

Ich bin gerne bereit, einen PR zu erstellen, bin mir aber nicht sicher, wo ich das CSS für Desktop/Mobile finden kann.

Ich habe folgende Änderungen vorgenommen:

desktop

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

mobile

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

alt vs neu

Auf dem Desktop habe ich einfach den Anfang des Blocks mit dem Benutzernamen ausgerichtet, da dies gefälliger für das Auge schien. (Die abgerundeten Ecken sind lokal, ich habe sie oben aus dem Code entfernt, werde sie aber so schnell wie möglich in die von mir geschriebene Vorlage aufnehmen)

Und auf dem Handy habe ich die Abstände korrigiert, um den Text zu zentrieren

[MarcP]

Kann dies auf Meta reproduziert werden? Kann ein Moderator dieser Veröffentlichung die ‘Staff-Farbe’ hinzufügen?

EDIT: Kann bestätigen, dass das Problem anscheinend auch auf Meta besteht hier & hier, um die mobile Version zu erzwingen (aktualisieren Sie nach dem Klicken, um die mobile Ansicht zu laden)

Dies ist mein erster PR für den Core, bitte prüfen Sie, ob er den Standards entspricht. Aber dieser PR sollte dies reibungsloser gestalten:

UX: pretty up staff color block margins

[awesomerobot (Kris)]

Ich stimme zu, dass die Ausrichtung der Box nicht ideal ist, aber ich möchte die Textausrichtung und die Beitragbreite nach Möglichkeit beibehalten… der Einzug verschiebt diese Linksbündigkeit und macht den Beitragsinhalt auch schmaler als andere Beiträge

[MarcP]

Ich stimme Ihrer Meinung zu.

Wie wäre es mit dem folgenden Beispiel. Die Farben wurden geändert, um die Details zu Testzwecken klarer hervorzuheben.

edit margins for desktop

[chapoi]

Das sieht für mich gut aus. @awesomerobot?

[awesomerobot (Kris)]

Ja, das beruhigt meine Bedenken – danke @MarcP!