Advanced Search Banner

Thema component
, ,
163

Here’s a quick fix in waiting for an official fix:

.search-menu {
  .search-link {
    .badge-category {
      display: inline-flex;
    }
  }
}

It seems related to this CSS:
https://github.com/discourse/discourse-search-banner/blob/main/mobile/mobile.scss#L1-L7

The badge category doesn’t have the proper display.

This image shows a computer screen with a web browser open, displaying HTML and CSS code. (Captioned by AI)
This image shows a computer screen with a web browser open, displaying HTML and CSS code. (Captioned by AI)1275×329 36.4 KB

However, there is already an inline-flex on .badge-category, so I think it’s safe to remove the CSS in the component. :thinking:
https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/components/badges.scss#L28-L33

6 likes