Новый пользовательский CSS для боковой панели

[10ColorsTenkara]

Продолжая обсуждение из темы Попробуйте новые боковую панель и меню уведомлений!:

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

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

Заранее большое спасибо.

[Canapin (Coin-coin le Canapin)]

@10ColorsTenkara

Я искал, но не уверен, что использовать.

Это ожидаемо, так как я не вносил никаких изменений в свою боковую панель.
У других пользователей было похожее отображение с количеством непрочитанных сообщений, см. Try out the new sidebar and notification menus! - #240 by MarcP

Я заметил, что теперь вместо этого появились точки.

Похоже, что код боковой панели был изменен на каком-то этапе разработки.

[Don]

@Coin-coin le Canapin

Похоже, код боковой панели был изменён на каком-то этапе разработки.

Да, изменения внесены здесь

Sidebar topic list links prefer unread and new over latest

@awesomerobot and @tgxworld just merged this pull request, which I think should address some of the above feedback: Now when using the default user preference, you see this: [Screenshot 2022-11-02 at 10.57.25 AM] [Screenshot 2022-11-02 at 10.57.29 AM] And when you use the “power user” preference, you see this: [Screenshot 2022-11-02 at 10.57.48 AM] [Screenshot 2022-11-02 at 10.57.38 AM] So, casual users have a bit less noise in their sidebar, and for everyone, what you see in the li…

[10ColorsTenkara]

Интересно. В одной из тем, отколовшихся от основной, они отмечают, что теперь пользователи могут настраивать точки или счётчик непрочитанных сообщений. Эта опция находится в разделе Настройки > Боковая панель > Навигация. Жаль, что администратор не может установить это значение по умолчанию. Пользователи моего экземпляра не слишком разбираются в технологиях и вряд ли найдут эту настройку или даже узнают о её существовании.

И здесь, на meta.discourse, и на моём экземпляре это выглядит следующим образом для меня, серым текстом.

По-моему, их гораздо легче заметить, если использовать текст другого цвета.

[Don]

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

@10ColorsTenkara

никогда бы не нашел эту настройку или не знал о её существовании

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

yoursite.com/my/preferences/sidebar

Например:
https://meta.discourse.org/my/preferences/sidebar

---

@10ColorsTenkara

Думаю, они будут гораздо заметнее с текстом другого цвета.

Да, они сделаны серыми, чтобы не выглядеть как ссылки. Это можно изменить, добавив немного CSS к компоненту.

Например:

Общие > CSS

// Цвет новых/непрочитанных элементов бокового меню

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // не меняйте цвет ссылки обзора
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}

[10ColorsTenkara]

@Don

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

Прекрасно, спасибо. Не понимаю, почему я об этом не подумал.

@Don

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

Блестяще! Именно то, что я искал!