Тема для Discourse в стиле Reddit

Я думаю, это было решено в

2 лайка

Я добился большого прогресса (: теперь как мне показать боковую панель custom-right-sidebar на главной странице здесь?

Если я смогу показать эту боковую панель на странице темы, я буду счастлив :partying_face:

2 лайка

После активации темы (без каких-либо компонентов) список тем перекрывает правую боковую панель. Эта проблема сохраняется даже в безопасном режиме. Как её исправить?

Мне не удалось воспроизвести эту проблему. Какой браузер вы используете? Актуальна ли версия Discourse?

Здравствуйте,

Мне очень нравится эта тема, но есть небольшая проблема на мобильных устройствах: отсутствует кнопка «Ответить». Возможно ли добавить кнопку «Ответить», аналогичную кнопке «Создать новую тему», при просмотре категорий?

1 лайк

Я понимаю, что вы имеете в виду. Нет кнопки «Ответить на тему». Только ответ на комментарий.

Проблема была решена путём активации компонента «Полная ширина». Однако теперь справа появился большой отступ. Можно ли настроить его так, чтобы отступы с обеих сторон были одинаковыми?

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

1 лайк

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

В любом случае…

Я отключил компонент на всю ширину и добавил следующий код как пользовательский CSS:

#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
}
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  box-sizing: border-box;
}
.sidebar-wrapper,.custom-right-sidebar{max-width:280px;}

@media (max-width: 768px) {
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
body[class*=user-] .custom-tag-banner, body[class*=user-] 
.custom-category-banner, body[class*=user-] 
.custom-right-sidebar, body.archetype-regular 
.custom-tag-banner, body.archetype-regular 
.custom-category-banner, body.archetype-regular 
.custom-right-sidebar {
    display: flex;
}


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

6 лайков

Спасибо за ваш CSS! Я ценю, что вы нашли время, особенно учитывая, что у вас ушла неделя на то, чтобы заставить его работать.

1 лайк

Мне это очень нравится!

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

Хотел просто уточнить: поддерживает ли это сейчас голосование за темы/сообщения в Discourse? И можно ли добавить таблицу лидеров справа, как в центральной теме?

Хочу поделиться. Он не отображается на странице темы «custom-right-sidebar» на главной странице. Как я могу заставить его отображаться здесь? Если вы поможете, я скоро сделаю дизайн в стиле Twitter с тремя колонками. Буду рад поделиться кодом.

Место, которое я отметил оранжевым

Спасибо, ребята.

1 лайк

Я также хочу отображать «custom-right-sidebar» на страницах тем, но пока ни один из существующих компонентов боковой панели для этого не подходит. Было бы замечательно, если бы эту функцию можно было добавить прямо в тему.

4 лайка

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

1 лайк

Выглядит отлично — я попробую это на своём сайте :blush:

Блоки кода очень круглые, это намеренно?
Также прогресс темы в временной шкале темы не находится в центре временной шкалы.

2 лайка

Несколько ошибок и проблем с UX:

4 лайка

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

2 лайка