Улучшения CSS для поста-уведомления "Staff Color"

Я заметил, что на мобильных устройствах у цвета имени модератора в посте отсутствовали отступы. Также я внес несколько небольших улучшений в десктопную версию.

Я с радостью отправлю pull request, но не совсем уверен, где найти CSS-файлы для десктопа и мобильных устройств.

Внес следующие изменения:

Десктоп

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

Мобильные устройства

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

Старое vs новое

На десктопе просто выровнял начало блока по имени пользователя, так как это выглядело эстетичнее. (скруглённые углы — локальное изменение, я убрал их из кода выше, но добавлю в шаблон, который написал, как можно скорее)

А на мобильных устройствах исправил отступы, чтобы текст был по центру.


3 лайка

Это можно воспроизвести на meta? Может ли модератор добавить «цвет персонала» к этому сообщению?

РЕДАКТИРОВАНО: Подтверждаю, что проблема также проявляется на meta здесь и здесь для принудительной мобильной версии (обновите страницу после нажатия, чтобы загрузилась мобильная версия).

Это мой первый PR в ядро, пожалуйста, проверьте, соответствует ли он стандартам. Однако этот PR должен сделать процесс более плавным:

3 лайка

Я согласен, что выравнивание блока не идеально, но мне бы очень хотелось сохранить выравнивание текста и ширину поста, если это возможно… Отступ сдвигает левое выравнивание, а также делает содержимое поста уже, чем у других постов.

3 лайка

Я согласен с вашим мнением.

Как насчёт примера ниже? Я изменил цвета, чтобы сделать детали более понятными для целей тестирования.

1 лайк

Мне это нравится. @awesomerobot ?

2 лайка

Да, это снимает мои опасения — спасибо, @MarcP!

1 лайк