Некоторые отзывы о новом border-radius и padding в CSS

Я только что обновил Discourse до последней версии, и возникли проблемы с новым скруглением CSS-границ, особенно на сайтах с тёмными заголовками.

Вот скриншот тёмного заголовка, где элементы больше не стыкуются чисто:

Скруглённая граница на фоне прямой линии выглядит неаккуратно

А вот так это выглядит на этом форуме, где добавлена красная CSS-граница для наглядности:

То же самое на этом форуме

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

В целом, менее скруглённые границы выглядят лучше. Вот ещё один пример:

А вот старая версия для сравнения (на мой взгляд, выглядит лучше, хотя внешние углы могли бы выглядеть ещё лучше с радиусом 2 пикселя):

Просто несколько предложений.

5 лайков

Спасибо, что подняли этот вопрос, мы уведомили команду дизайнеров.

3 лайка

Некоторые из этих изменений были внесены после вашего сообщения.

Мы добавили небольшое разделение между элементами боковой панели:

У нашей панели уведомлений убраны внутренние отступы. Наша команда дизайна считает, что это решение лучше, чем наличие отступов вокруг всех элементов.

К этому углу не должно применяться скругление. Исправим, спасибо за сообщение.

1 лайк

Это просто обратная связь, так как мне должно быть достаточно легко изменить это на моих собственных форумах:

Отсутствие отступов там — нормально. Возможно, это только мне так кажется, но каждый раз, когда я нажимаю на меню, мой мозг говорит: «что-то выглядит неправильно». Мне кажется, дело скорее в радиусе скругления, чем в отступах, потому что кажется, что у рамки вокруг иконки пользователя радиус 4px, а у меню — 2 * 4px. Кнопки в боковой панели тоже имеют радиус 4px. Мне кажется, что выглядело бы лучше, если бы радиус скругления меню был 4px, чтобы он соответствовал остальной части страницы.

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


Редактирование: возможно, мы видим что-то разное. Это не большая проблема, так как я могу переопределить переменную, но меня беспокоит верхний левый угол, который выглядит некорректно каждый раз, когда я нажимаю на него на своих сайтах. Возможно, большее скругление приближает край слишком близко к тексту, поэтому я и упомянул отступы в своём предыдущем комментарии.

1 лайк