Фильтр по решенным проблемам отображения выпадающих списков

Внести вклад UX
1

Похоже, в файле solutions.scss отсутствует элемент display.

Класс .select-kit имеет значение display: inline-block;, из-за чего .select-kit.solved-status-filter наследует то же значение. Это приводит к тому, что поле фильтра отображается иначе, чем остальные поля фильтров.

Я временно переопределил это значение для данного элемента, установив display: flex;. Хотел бы отправить pull request с исправлением, но у меня нет достаточной информации о том, как вы предпочитаете получать предложения по доработке.

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

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2 лайка
2

Спасибо за сообщение! Я смог воспроизвести проблему на моей локальной версии Discourse для разработки, работающей с последним кодом Discourse, поэтому, похоже, проблема ещё не исправлена.

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

4 лайка
4

У меня уже есть готовое исправление:

Если вы обновитесь на следующей неделе, оно должно быть доступно. Оно уже слито и доступно сейчас.

А пока вы можете добавить этот CSS в тему вашего сайта, если хотите исправить проблему прямо сейчас:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // переменная ядра
    .select-kit-header {
      margin: 0;
    }
  }
}
4 лайка
5

Я заметил в нескольких местах, что селекторы, использующие переменные в значениях свойств, меняют формат с $var на --var. Это изменение фреймворка, и есть ли где-то документация об этом?

1 лайк
6

Да, для цветов мы перешли на пользовательские свойства CSS вместо переменных SCSS, чтобы поддерживать темную тему… здесь больше деталей: Update themes and plugins to support automatic dark mode

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

4 лайка