Graceful Theme

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

Однако у меня возникли небольшие трудности при настройке заголовка форума.

a- Я пытаюсь увеличить размер логотипа в левом верхнем углу.
b- Я пытаюсь изменить цвет заголовка так, чтобы он соответствовал фону логотипа. По какой-то причине я не знаю, как заставить Discourse принять изображение в формате .png, которое будет сочетаться с любым цветом заголовка, не конвертируя его автоматически в .jpg и не добавляя фон.

На изображении ниже показано то, что у меня сейчас есть:

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

Любая помощь в этом вопросе будет очень кстати!

Я только что выпустил обновление, которое должно исправить недавно упомянутые проблемы с цветами (несоответствие фона, тёмная тема). Спасибо всем за сообщение об этих проблемах!

1 лайк

Как отредактировать CSS для этой темы?

[image]

1 лайк

У меня возникла проблема с шириной страницы: она отображается узкой с правой стороны. Прилагаю скриншот для справки.

Сталкивается ли кто-то ещё с такой же проблемой в этой теме и есть ли идеи, как её исправить?

1 лайк

Возникла проблема с аватарами — они накладываются поверх имён

2 лайка

Мы тоже сталкиваемся с этой проблемой.

3 лайка

Спасибо за сообщение! Я только что выпустил ещё одно обновление — посмотрите ещё раз и дайте знать, если возникнут какие-либо проблемы.

5 лайков

@awesomerobot спасибо за обновление. Мне кажется, стоит проверить мобильный вид: по бокам кажется немного лишнего пространства?

Я не уверен, что это связано с изменением темы или проблемой в ней, но недавно после обновления Discourse и всех моих плагинов моя главная страница с установленным компонентом темы Topic List Thumbnails Theme Component перешла с 3 колонок на 2:

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

На данный момент я решаю это, переопределяя ширину в CSS через main-outlet, но не уверен, нет ли непредвиденных последствий или является ли это лучшим способом решения. Так что это не обязательно означает, что что-то нужно менять, но я хочу упомянуть, что это повлияло на макет моего сайта в данной ситуации, и спросить, есть ли другой подход, который мне стоит использовать для достижения желаемого результата (макет из 3 колонок в стиле «кирпичная кладка»). Я уже исправил проблему, так что если это решит вопрос в долгосрочной перспективе, я с радостью оставлю всё как есть. :slight_smile:

Будет ли это поддерживать новый боковой панель, который интегрируется в Discourse?

2 лайка

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

2 лайка

Небольшой отчет об ошибке: в последней версии этой темы заголовок форума обрезается при просмотре на небольших мобильных устройствах, таких как iPhone, как можно увидеть на https://forums.ankiweb.net/

1 лайк

Полноэкранное чат-окно в теме Graceful, похоже, работает некорректно: и главное окно, и окно чата имеют полосы прокрутки. Мне не удалось воспроизвести эту проблему с другими темами, поэтому, судя по всему, она специфична для Graceful.

2 лайка

Почему эта тема заставляет карточки использовать стиль legacy? (старый стиль до нового эксперимента по редизайну карточки пользователя) В остальном тема отличная.
Изображение:

1 лайк

Обновлённые карточки пользователей — это экспериментальный компонент темы, и, похоже, его просто не добавили ко всем темам здесь, на Meta… Я добавил его в ту, если вам интересно.

4 лайка

iPhone 11, браузер Safari: возникли две проблемы


1 лайк

На Android та же проблема. Тексты других вариантов входа не видны, а первый столбец таблицы компонентов темы искажён.

2 лайка

Привет,

Я тоже обнаружил это на своём форуме и исправил с помощью пользовательских стилей:

.btn.btn-social {
    color: var(--d-sidebar-link-color);
}

Это придаёт тот же цвет, что и у ссылок в боковой панели.
Надеюсь, это поможет.

– Иван

2 лайка

Спасибо за отчеты и обходные пути для CSS! Я только что обновил тему, чтобы решить эту проблему: UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub

3 лайка

Здравствуйте, я заметил, что цвет кнопки «Удалить тему» недостаточно заметен. Не могли бы вы это исправить?

1 лайк