# Filter by solved dropdown display issues

**URL:** https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502
**Category:** UX
**Created:** [February 12, 2021, 5:08pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502 "2021-02-12T17:08:05Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![dschaper](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dschaper/32/209535_2.png) [@dschaper](https://meta.discourse.org/u/dschaper)
#### Post date: [February 12, 2021, 5:08pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502/1 "2021-02-12T17:08:05Z")

</div>

It looks like the solutions.scss is missing a `display` item.

.select-kit appears to be `display: inline-block;` and that leaves `.select-kit.solved-status-filter` as the same. That makes the filter box display differently than the rest of the filter boxes.

I’ve temporarily overridden with `display: flex;` for that element. I’d PR a fix but there’s not much information on how you all would like submissions to be made.

And side note, the other filters use the right arrow for resting state, this uses down arrow as the resting state.

![Screenshot_2021-02-12 Latest topics - Pi-hole Userspace](https://global.discourse-cdn.com/meta/original/3X/3/0/307773bc508b466e6f0afdbeb4f412e3a4acaa44.png)

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [February 12, 2021, 7:36pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502/2 "2021-02-12T19:36:39Z")

</div>

Thanks for reporting that! I can reproduce the issue on my local development version of Discourse that’s running the latest Discourse code, so it looks like the problem hasn’t been fixed yet.

I’ve moved your post to a new topic in the UX category to help us track the issue.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 12, 2021, 11:11pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502/4 "2021-02-12T23:11:19Z")

</div>

I’ve got a fix ready here:

[https://github.com/discourse/discourse-solved/pull/119](https://github.com/discourse/discourse-solved/pull/119)

~~If you update next week it should be available.~~ It’s merged an available now.

In the meantime you can add this css to your site’s theme if you’d like to fix it right away:

```scss
.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // core variable
    .select-kit-header {
      margin: 0;
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![dschaper](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dschaper/32/209535_2.png) [@dschaper](https://meta.discourse.org/u/dschaper)
#### Post date: [February 13, 2021, 6:54pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502/5 "2021-02-13T18:54:34Z")

</div>

I’ve noticed in a few places that selectors using variables in property values are changing from `$var` format to `--var` format. Is this a framework change and is it documented anywhere?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 13, 2021, 7:00pm UTC](https://meta.discourse.org/t/filter-by-solved-dropdown-display-issues/179502/6 "2021-02-13T19:00:50Z")

</div>

It is, for colors we made the change to CSS custom properties instead of SCSS variables support dark mode… there are more details here: [Update themes and plugins to support automatic dark mode](https://meta.discourse.org/t/updating-themes-and-plugins-to-support-automatic-dark-mode/161595)

We’ve also been using custom properties instead of adding new sass variables elsewhere where possible, there are some pros and cons of each method.