「スタッフカラー」投稿通知のCSS改善

モバイルの投稿でスタッフの色にマージンがないことに気づきました。デスクトップ版でもいくつかの小さな改善を行いました。

PRを作成しても構いませんが、デスクトップ/モバイルのCSSがどこにあるのかよくわかりません。

以下の変更を行いました。

デスクトップ

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

モバイル

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

変更前 vs 変更後

デスクトップでは、ブロックの開始位置をユーザー名に合わせただけです(より見た目が良いように思えました)。(角丸はローカルなもので、上記のコードからは削除しましたが、すぐに作成したテンプレートに追加します)

モバイルでは、テキストが中央揃えになるようにパディングを修正しました。


「いいね!」 3

メタでも再現できますか?モデレーターはこの投稿に「スタッフカラー」を追加できますか?

編集:メタでも問題が発生することを確認しました。こちらこちらでモバイルバージョンを強制(クリック後にリフレッシュしてモバイルをロードしてください)

これはコアへの最初のPRです。標準に準拠しているか確認してください。しかし、このPRはこれをよりスムーズにするはずです。

「いいね!」 3

ボックスの配置は理想的ではないことに同意しますが、可能であればテキストの配置と投稿の幅を維持したいと思います… インデントにより左揃えがシフトし、投稿のコンテンツが他の投稿よりも狭くなります。

「いいね!」 3

ご意見に同意します。

以下に例を示します。テスト目的で詳細をより明確にするために色を変更しました。

「いいね!」 1

それは私には良く見えます。@awesomerobot さん?

「いいね!」 2

はい、これで懸念が解消されました。@MarcPさん、ありがとうございます!

「いいね!」 1