Добрый вечер,
Я пытаюсь сделать все кнопки на моём форуме более скруглёнными, но с сохранением квадратной формы. Я использовал CSS в разделе CSS/HTML:
.btn { border-radius: 5px; }
Это работает во вкладке предпросмотра, но не работает на живом форуме после подключения компонента к этим темам.
Текущее состояние форума:
После применения CSS:
Здесь, на Meta, при использовании темы Fully кнопки скруглённые. Однако при применении этой темы на моём форуме они остаются нескруглёнными.
Попробуйте этот #theme-component
Этот компонент добавит опции для скругления других элементов, таких как цитаты, изображения и многое другое.
Боже мой! Я постоянно говорю своим пользователям использовать поиск перед созданием темы!
А теперь я сам виноват в том же! Я искал «скруглённые кнопки». Мой запрос был сложнее, чем нужно. Мне следовало просто поискать «кнопки».
Что ж, я использовал этот поисковый запрос.
"#theme-component Round"
Вы также можете использовать
:root {
--d-button-border-radius: 5px
}
или
:root {
--d-border-radius: 5px;
}
если вы действительно хотите скруглённые углы повсюду.
Хм… снова оба варианта работают только в режиме предпросмотра, даже после обновления форума и повторного входа и выхода из системы.
После установки компонента и его применения добавьте его в свою тему, затем обновите страницу.
После этого он должен быть виден независимо от того, выполнен вход в систему или нет.
Предпросмотр предназначен только для тестирования без активных тем.
Добавляли ли вы какие-либо другие компоненты, которые также настраивают кнопки?
например, Скруглённые границы изображений
Извините, я отвечал на пост @awesomerobot с CSS.
То же самое касается создания пользовательского компонента. После его сохранения необходимо добавить его в ваши темы.
Сделал и это.
Посмотрел на ответ от @Moin и не вижу ничего, что могло бы конфликтовать с кастомным компонентом. Я глубоко изучу «Discourse Button Style». У меня это уже было, и, честно говоря, там было много пустых полей, и мой мозг с СДВГ не справлялся, ха-ха! Мне подошел бы простой CSS (если бы он сработал).
Да, у меня это есть. Значит, это конфликтует с пользовательским компонентом?
Тогда мне придется вручную создать CSS для кнопок, аватаров и изображений, которые я хочу/рассматриваю.
Есть настройка button settings enabled, так что, вероятно, да.
Это здорово. Думаю, мой компонент сейчас покрывает большинство кнопок, но я не знал об этом подходе, спасибо.
