Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.07k stars 4.95k forks source link

[Search] Category search should allow inline category headers #6901

Open nk9 opened 4 years ago

nk9 commented 4 years ago

Both my category names and item titles were quite long, so stacking them next to each other resulted in a lot of wasted space. Solution: put the category headers inline, as differently-styled headers in the menu. But there is no clear way to do this in Semantic UI.

Version

2.4.1

Here is the CSS solution I came up with on Stack Overflow. Ideally, this would be available as an option when initalizing the search widget. Something like:

{
    headerStyle: 'inline', // vs default of 'side' (to support LTR, vs 'left'?). Another possibility is 'none'.
}
GammaGames commented 10 months ago

Fomantic just released an update that added this with a horizontal category option!

nk9 commented 9 months ago

Thanks for working on this! I am no longer using this library, so I can't test it. But happy to have you close this if it's done now.