FKB Pro - Социальная тема

Я тоже решил попробовать, пока вы обсуждаете.

У меня fbk установлен как тема. Я также настроил цветовые схемы согласно инструкциям, но по какой-то причине цветовая схема не меняется при нажатии на триггер.

Может ли проблема заключаться в том, что тёмная схема установлена по умолчанию?

Можете проверить, правильно ли настроены эти параметры?

И

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

Доступно только 2 цветовые схемы



Выбрана тёмная цветовая схема

Автоматический тёмный режим отключён

Я думаю, проблема в том, что на странице темы FKB Pro Цветовая палитра установлена как FKB - Dark для вашей конфигурации, и идентификатор схемы цветов по умолчанию в темном режиме также равен FKB - Dark. В результате при нажатии кнопки палитра переключается на ту же самую. Попробуйте изменить Цветовую палитру на странице темы FKB Pro на FKB - Light.

1 лайк

Идентификатор цветовой схемы по умолчанию для темного режима — изменен в FKB-light, не работает при переключении
image image

Да, помогло.
Но по какой-то причине это работает только если вы не авторизованы.

1 лайк

Это также зависит от ваших личных предпочтений. Вы можете найти это здесь preferences/interface. Измените раздел Цветовая схема.

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

Цветовая схема по умолчанию: FKB - Светлая
Тёмная цветовая схема: FKB - Тёмная

Но, похоже, ваши личные настройки переопределяют это.

Я не совсем понимаю, можно ли сделать тему по умолчанию тёмной с возможностью включения светлой?

Технически это возможно: на странице темы FKB Pro нужно изменить Цветовую палитру на FKB - Dark, а параметр default dark mode color scheme id установить в значение FKB - Light. Однако делать этого не стоит. Это неудобно для пользователей: если они переключат устройство в тёмный режим, будет применена схема FKB - Light. Поэтому, на мой взгляд, это плохая идея. Кроме того, переключатель боковой панели будет работать наоборот.

Если вы всё же решите это сделать, лучше отключить автоматическую смену цветовой схемы в настройках сайта. Тогда переключение между тёмной и светлой схемами не будет происходить автоматически. Однако пользователи смогут выбрать предпочтительную цветовую схему на своей странице настройки/интерфейс.

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

Здравствуйте! Я использую эту тему с плагином «Topic Ratings Plugin». Все обновления выполнены.

Звезда рейтинга отображается на странице любого топика.

Но на главной странице вместо звезды рейтинга постов я вижу [object Object].

Как это исправить?

*Примечание: Проблема возникла после обновления (Discourse и плагина Topic Ratings Plugin).

Привет @restivulmu :waving_hand:

Пожалуйста, попробуйте это на других темах, например, на теме по умолчанию. Тема содержит лишь небольшой фрагмент CSS для рейтингов тем, который не может вызвать такую проблему. Вы также обновили версию Discourse?

1 лайк

Спасибо. Проблема сохраняется при переключении на другие темы. При этом с темой проблем нет.

Все компоненты обновлены до последней версии, но я не понимаю, в чём именно заключается основная причина проблемы.

1 лайк

Отличная тема!

1 лайк

@Дон, привет! Возможно ли сделать этот компонент совместимым?

2 лайка

Прекрасная тема, @Don — большое спасибо за её создание.

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

1 лайк

Привет. Как мне переместить нижнюю секцию так, чтобы она выровнялась с красной линией?

Она не выровнена с секцией темы/поста выше, и это сводит меня с ума, ха-ха.
Также, @Don, как мне переместить эту верхнюю вкладку вправо? Я пытался возиться с CSS, но не могу разобраться. Мне не нравится, что она перекрывает темы.

Если кого-то раздражало обрезание букв с нижними выносными элементами (например, буквы «g»), как показано ниже, вот решение:
Перейдите в файл fkb-c-topic-list.scss и измените строку 123 (по умолчанию), которая выглядит так:
line-height: var(--line-height-small); на line-height: 1.1rem;. Это вернёт нормальное отображение без обрезания.

1 лайк

В дополнение к моим двум ответам выше, @Дон, возможно ли сделать так, чтобы фоновое изображение темы по-разному отображалось для вертикальных и горизонтальных изображений?

Например: если загружается вертикальное изображение, я хочу, чтобы оно отображалось целиком, как на этом примере, чтобы изображение не обрезалось и имело размытие:

А если загружается горизонтальное изображение, я хочу, чтобы оно занимало всё пространство без необходимости размытия, как здесь:

Было бы здорово иметь такую возможность — именно так это реализовано в Facebook.

Привет @Festinger :wave: Спасибо! Вы имеете в виду использование шаблона списка тем по умолчанию? Пока точно не знаю, но попробую. Если это сработает, то и это тоже должно работать.


Привет @45thj5ej :wave: На самом деле всё выровнено идеально по ширине аватара темы + тела темы :smiley:

Но если хотите, можно изменить это :arrow_down_small:

CSS для десктопа

.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
    width: var(--wo-avatar-width); // без ширины аватара
    margin-left: calc(60px + 1em); // ширина аватара + расстояние между аватаром и телом
  }
}

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

Спасибо, я увеличил межстрочный интервал.

Нет, в текущей версии темы это невозможно.