Discourse Настройка ширины

Настройка Компонент темы
1
:information_source: Сводка Настройте собственную ширину вашего форума Discourse
:eyeglasses: Предпросмотр Theme Creator (ширина 1400px)
:hammer_and_wrench: Репозиторий GitHub - Canapin/Discourse-custom-width: Set a custom width for your Discourse site. · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

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

Этот очень простой компонент темы имеет одно единственное Setting, определяющее ширину вашего форума.

image
image748×791 20.7 KB

Ширина не может превышать ширину вашего окна или быть меньше максимальной ширины по умолчанию в Discourse — 1110 пикселей.

Пример ширины 1400 пикселей:

2498×1369 245 KB

7 лайков
Why is the text content small?
Switch the new sidebar from left to right side (english forum)
Changing to Full Width
2

Привет!

Почему используется только фиксированная ширина в пикселях?

У меня в CSS следующее:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 лайка
3

Это хорошая идея — разрешить использование других единиц, но в данном случае я не знаю, как предотвратить установку пользователем слишком малого значения, которое может нарушить верстку.

Я открыт к любым предложениям и PR :slight_smile:

3 лайка
4

Каким-либо образом этот компонент темы связан с полной светлой темой?

5

Отличный вопрос, но, думаю, нужно доверять пользователям.

Я бы разделил значение и единицу измерения и добавил условный запрос «if-else» внутри CSS: сначала проверяю, используются ли px или %, а затем — само значение, чтобы убедиться, что оно не слишком мало.

если px
   если значение < 1100px
     установить значение 1100
   иначе
     установить значение в переменную
иначе если %
   если значение < 50 %
     установить значение 50%
   иначе
     установить значение в переменную

Честно говоря, сейчас я не знаю, возможно ли это реализовать в CSS-файле.

2 лайка
6

Это не так. У вас есть ссылка на эту тему? Я не смог её найти :thinking:

2 лайка
7

Мне бы очень хотелось иметь и «светлую полноэкранную» тему.

Может, кто-нибудь из команды @team опубликует для неё CSS?

2 лайка
8

Я тоже не могу найти, думаю, эта тема эксклюзивна для этого форума.

1 лайк
9

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

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

2 лайка
10

Я сам искал этот ответ!

@sam @Falco, есть ли у кого-нибудь идея, где можно найти информацию о том, как реализовать тему на всю ширину в светлом и тёмном вариантах? :innocent:

1 лайк
11

Думаю, здесь находится репозиторий темы с полной шириной: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub

5 лайков
13

Обнаружена та же проблема в посте OP: ссылки в плагине Multilingual, похоже, не работают.

1 лайк