Компонент Discourse на всю ширину

[chapoi]

	Сводка	Заставить Discourse занимать всю ширину браузера
	Предпросмотр	предпросмотр
	Репозиторий	Компонент на всю ширину
	Руководство по установке	Как установить тему или компонент темы
	Новичок в темах Discourse?	Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

---

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

Мы сделаем всё возможное, чтобы поддерживать этот компонент и минимизировать критические изменения, но не можем гарантировать, что они никогда не произойдут. Исправление, скорее всего, появится, но вам, возможно, придётся немного подождать.

---

Пример:

Этот компонент в настоящее время также используется в теме Fully и теме “Default (full width)” здесь, на Meta.

На очень широких экранах это может быть менее уместно.

[Gonerdot]

Было бы здорово, если бы этот компонент взаимодействовал с компонентом правой боковой панели и сдвигал её как можно дальше вправо для симметрии.

[Diego_Santos]

Я только что обновился до последней версии, и теперь на экране вижу ошибку

Версия Discourse: 3.3.0.beta1

[Arkshine]

Если вы обновите Discourse, это должно решить вашу проблему.

Три дня назад компонент получил обновление, которое опирается на недавнее дополнение в ядре Discourse.

[Diego_Santos]

Вы были правы

[thaidb]

Я тоже.
Я использую Fully Theme и этот компонент темы. Как можно расширить таблицу, вставленную на полную страницу темы?
Спасибо!

[Arkshine]

Вы можете попробовать переопределить переменные CSS.

Создайте компонент темы и подключите его к Fully.
В разделе Color Definitions добавьте и настройте переменные:

:root {
    --topic-body-width: 100% !important; // 690px
    --d-max-width: 100% !important;  // 1110px;
}

[thaidb]

Успех. Большое спасибо

[Monikas (JustMonika)]

FKB Pro - Social theme

FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. This theme is quite sensitive and maybe not well compatible with other theme components or plugins you use! Please test it before use. These usually need some css modification. If you have any issue please report and will fix it. Layout On desktop: Three column layout. [Screenshot 2023-01-02 at 19.53.05] Sidebar ready [Screenshot 2023-01-02 at 19.51.55] On mobile: [Scre…

Надеемся, что это будет совместимо с данной темой.

[thaidb]

Некоторые названия категорий длинные и не помещаются полностью в боковой панели.

Как можно увеличить ширину боковой панели, чтобы она соответствовала длине названия категории?

Большое спасибо!

[sidt]

Привет,

1. Этот компонент всё ещё находится в экспериментальной стадии или его можно безопасно развёртывать в производственных средах?

2. Официально ли поддерживается этот компонент?

Спасибо!

[awesomerobot (Kris)]

Это официально поддерживается в том смысле, что мы рассматриваем сообщённые ошибки, однако оно всё ещё находится в экспериментальной стадии, так как мы не ожидаем, что оно будет корректно работать со всеми темами и компонентами тем.

[loginerror (Maciej Kuźmicz)]

Учитывая объявление здесь, я хотел бы обратить внимание на некоторые несоответствия в работе при использовании компонента «Полная ширина» и функции поиска в заголовке.

Безопасный режим:

Безопасный режим + компонент «Полная ширина»:

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

[lindsey (Lindsey Fogle)]

Мы недавно объединили исправление, которое обеспечивает сворачивание строки поиска в заголовке до иконки на экранах небольшой ширины. После обновления Discourse, пожалуйста, проверьте и сообщите нам, стало ли лучше.