Ability to display category icons in sidebar

This sort of seems to be mentioned in a few places, but I couldn’t find a clear answer — a way to work around this, or “it’s coming” in the sidebar or the component, or “nope”, etc…

I’ve enabled the experimental sidebar on my Discourse-hosted site. I get colored blocks next to my categories. And notably, I do not get the category icons I’ve configured with the Category Icons theme component.

My first thought is that I have the “Category Style” setting as “none” for this site. Feels to me like there shouldn’t be colored blocks in the sidebar with “none”.

…and in my screenshot you can see the icons I have for the categories. Feels to me like those same icons should be in the sidebar.

Thoughts?

4 Likes

The current answer is that we don’t have any specific plans for this.

There’s been some discussion about making category icons a first class feature, though - I know this is something that @tobiaseigen is interested in, for example. But it’s not currently on our list of priorities.

In the meantime, I’m not sure what it’d take to work around this or to add support for it in the category icons theme component. @pmusaraj do you have any thoughts on what might be entailed to do that?

@craigconstantine - what would you expect the sidebar to look like when icons are used? would you expect the icons to have the category color in this scenario?

1 Like

The category icons component overrides a core category link renderer to add its icons. The sidebar, for good reason, doesn’t use the same renderer, so we need to add a way to extend/override the sidebar category links in core before a component can do something here.

Similar story for tags, but it’s probably a little easier given that we are currenly showing a default icon for each tag in the sidebar.

3 Likes

We’ve been talking internally about getting closer to parity of features between tags and categories, and to let tags be decorated with colors in the same way as categories, and to let both be decorated with icons.

Differentiating tags and categories with colors and icons can make a big difference in helping distinguish them and not “making people think” as they navigate through the discussions in their community.

So yes, I am in favor of making this happen across the board in core discourse. But I am not in favor of creating a chaotic colorful experience or making the sidebar functionality harder to use with icons. I do like @pmusaraj’s screenshot example of category style set to box - this could work quite well in the sidebar.

The Discourse for Teams sidebar handled the category decoration a little better than the new sidebar, I think. You could use the category style admin setting to choose bar, box, bullet or none, and the categories in the sidebar were displayed with the style chosen and all of them looked very nice! See screenshots.

Screen Shot 2022-11-01 at 12.25.17 PM Screen Shot 2022-11-01 at 12.24.53 PM

Screen Shot 2022-11-01 at 12.24.04 PM Screen Shot 2022-11-01 at 12.23.17 PM

The same as they do in the old-style ≡ menu?

I flipped off enable-exp-sidebar, blew out my browser cash, refreshed… thinking I’d take a screenshot of my old ≡ showing the categories with icons… but that’s not working now either??

This didn’t used to have the color boxes—color does not convey any inherent meaning, in general. All my categories have painstakingly-chosen icons. Help has an FA ?, Listen has headphones, supporters has a user-silhouette-with-+ (which we use as avatar flair for people in a certain group), workbench has a tools icon, etc.

But to try to answer your specific question at the top: It should look like this (no colors since category-style is none) and the icon next to the names… here’s the icons for a few of our categories (this was also in my original post though.)

3 Likes

To go back to the old way you also have to turn off the “enable experimental sidebar hamburger” setting.

1 Like

derp …you are of course correct. Here’s a screenshot of how icons should appear next to categories, in the sidebar when category-style is none:

2 Likes

That does look sweet! So user friendly with icons.

Incidentally, on the same site above with the new sidebar, not only is the styling fixed to the box style but there’s a lock glyph on secured categories which I find a bit distracting. Also they are in alphabetical order and sub-categories are not displayed below the category they are in as you’d expect. In the screenshot below, “memories” is within “photos” and so should be displayed below it.

Screen Shot 2022-11-01 at 1.57.13 PM

1 Like

So, it is totally same than what old hamburger showed, and that wasn’t an issue to anyone :wink:

There is now same trap coming up what WordPress has with its sidebar: a mile long scrolling.