🌅 Представляем Horizon, нашу новую тему

Новости и события Объявления
34

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

Рекомендации WCAG предполагают длину строки не более 80 символов для текста на языках, не использующих иероглифы (CJK). При разработке наших дизайнов мы учитываем это: в Horizon текущая длина составляет около 76 символов.

Итак, у нас есть два разных вопроса:

  1. Я не согласен с рекомендациями WCAG и экспертами по юзабилити; я хочу, чтобы строки были такой длины, какую считаю нужной, и не хочу, чтобы кто-либо навязывал ограничение в 80 символов.

  2. Я согласен с рекомендациями WCAG, но считаю, что существует альтернативный приём выравнивания, который может улучшить визуальное восприятие.

Для тех, кто относится к группе (2), пожалуйста, поделитесь одним или двумя скриншотами, демонстрирующими более удачную компоновку для широкоформатных экранов.

Для тех, кто относится к группе (1), я считаю, что в данном случае подход должен заключаться в использовании «кастомного компонента».

10 лайков
36

Есть ли какие-то новости по этому вопросу?

37

Тема выглядит отлично!
Но почему она не работает с расширенными сводками ИИ здесь, на Meta?

image
image464×272 11.4 KB

1 лайк
38

Дело скорее в том, что на широкоформатном экране появляется огромная белая область. У меня есть несколько пользователей с широкоформатными мониторами, которые также сообщают, что это больше раздражает, чем помогает. Я не могу сказать: «Да, это соответствует руководящим принципам WCAG» или «Купите себе «обычный» монитор».

Я думаю, что предложение от @SubStrider в Help us test Horizon, our newest theme - #70 by SubStrider очень полезно.

Или, возможно, можно разместить навигацию по центру.

Screenshot 2025-07-15 102709
Screenshot 2025-07-15 1027092559×907 427 KB

39

Мы ещё не добрались до этого, но это есть в нашем списке задач.

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

3 лайка
40

Я думал, что в теме также есть два параметра, описания которых должны быть переведены. Должны ли они остаться на английском, мне ли добавить их в этот файл, перенести ли их в файл en.yml, чтобы их можно было легко перевести в Crowdin, или вы планируете удалить их теперь, когда добавлены настраиваемые параметры сайта?

1 лайк
41

К счастью, я терпеливо ждал обновления. Я некоторое время размышлял, стоит ли просто создать pull request для переноса текстов. Очевидно, это было бы пустой тратой времени.

1 лайк
42

Ну, я не думаю.

IMG_5993
IMG_59931290×1447 154 KB

Я отключил Horizon на своём форуме, потому что слишком часто возникали вопросы о том, как начать новую тему. Пользователи мобильных устройств крайне редко используют боковую панель.

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

1 лайк
How to create post button on mobile theme
43

Ну…

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

1 лайк
44

Мини-обновление:

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

Вы найдёте её на прежнем месте. Новая версия боковой панели также останется.

9 лайков
Horizon Theme
How to create post button on mobile theme
45

Спасибо за это. Я всё ещё не вижу кнопку создания новой темы на мобильных устройствах — ни в приложении, ни через браузер — пока не нажму на меню-гамбургер. Я использую последнюю версию Discourse и тему Horizon. Есть какие-то идеи?

РЕДАКТИРОВАНИЕ — Команда помогла мне разобраться в проблеме. Если вы используете стабильную ветку Discourse 3.5.0, кнопка создания новой темы не будет отображаться на мобильных устройствах, так как соответствующий коммит будет добавлен только в следующей стабильной версии. Если вам нужно включить эту кнопку на мобильных устройствах до выхода новой версии, вы можете использовать следующий код пользовательского CSS:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}
2 лайка
47

Привет, @lindsey. У нас есть стартовая подписка, и я новичок в этом сообществе Meta. Но мы только что перешли на Horizon и уже получаем отличную обратную связь. Поэтому спасибо всем вам за все усилия, приложенные для создания Horizon. Это окажет влияние на наше сообщество и поможет нам в нашей миссии по пересмотру уравнения в сфере недвижимости для всех!

7 лайков
49

Пост был перенесен в новую тему: Как настроить цвета в теме Horizon?

50

Есть ли какая-либо документация о том, как выбирается цвет фона боковой панели/заголовка из цветовых схем? Брендбук и руководство по стилю нашей организации приводят к очень розовому фону из-за наших цветов: Horizon определяет #ffecea как цвет для выбора, которого нет ни в нашем брендбуке, ни в теме.

Текущая тема приведена ниже:

{
"name": "DSA Horizon Light",
"light": {
"primary": "231F20",
"secondary": "ffffff",
"tertiary": "F04C53",
"quaternary": "EC1F27",
"header_background": "ffffff",
"header_primary": "3B3838",
"selected": "eae7e8",
"hover": "f2f1f1",
"highlight": "F5EBD6",
"danger": "F7A5A9",
"success": "009d63",
"love": "EC1F27",
"tertiary-med-or-tertiary": "39845b"
}
}
1 лайк
51

Фоновый цвет получен из третичного цвета #595bca в приведённом ниже примере

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

Определён в этом файле _color_definitions_entrypoint.scss

Если вам нужен другой оттенок, вам придётся скорректировать значения; например, изменение 96% → 98% даст более светлый розовый цвет

2 лайка
52

Есть ли настройка, чтобы тема была в едином цвете, как здесь?

borda
borda964×634 69.2 KB

53

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

1 лайк
54

Когда включен компонент темы ниже, при быстром прокручивании вниз заголовок темы на короткое время «отделяется». Не уверен, что правильно объяснил. Если нужен скринкаст, дайте знать. Можно ли сообщить об этом здесь? Или это следует оформить как отчет об ошибке?