Try out the new sidebar and notification menus!

My forum has forgotten my sidebar categories! On mobile they still appear, but on desktop it’s back to the “You have not added any categories” stage.

Update: I went to the mobile, clicked the pencil beside “Categories”, and clicked “Save changes”, and now the categories appear on desktop again.

2 Likes

Not sure if it was put for some specific reason (but I think it was a mistake).

In the CSS code of the sidebar:

body.has-sidebar-page #main-outlet-wrapper {
grid-template-columns: var(--d-sidebar-width) minmax(0, 1fr);
gap: 0 2em;
padding-left: 0;
}

There is a padding-left: 0 that is not needed, it should remain 10px, so it must be removed.

Now:

Screenshot 2022-10-02 at 11.37.59

If removed:

4 Likes

I don’t see that on iPad/Hub.

1 Like

You have to open the menu, then you should be able to see this little bug.

2 Likes

I still don´t follow :flushed:

´

Edit.

Now I understand what you ment ::rofl:

Yes, you are right. But… matter of taste. I like it more as it is now. Then all components are nicely aligned.

3 Likes

For the Sidebar, I think the following options are needed:

  • Option to not open the sidebar by default. (Only open it when the user clicks the menu.)

    The sidebar adds a lot of visual noise which makes the front page of the forum look overwhelming to new users. Given we have our front page set to show the category list, the extra information is redundant and thus pure noise for new users.

  • Show categories in the proper order.

    The categories list is alphabetical. Discourse categories have a specified order explicitly set by the admins, but the sidebar currently ignores that and makes quite a jumble of things.

  • Option to hide Tags entirely.

    None of the tags on our site are likely to be thing people want to filter on from a top level. Most of them are fairly esoteric (e.g. programming language of scripts, so people can filter on that) and shouldn’t be there on the side of every page in every area (e.g. not all areas involve scripts). Tags are also not added to most posts, so it might mislead people into thinking they are good for search/filtering when they aren’t. I’d much rather they were not there in the sidebar at all on our site, and only available via the older methods (which were fine).

This would also be nice to have (but not having it wouldn’t prevent me from turning on this new feature):

  • More control over Community menu.

    We have a plugin which adds an important item to the hamburger menu. This item is now really hidden, as you have to open the menu (or sidebar), then click “Community > More”.

    It’s an item we want all users to use at some point after they have created their accounts, so it’d be great if we could make it visible at the top level.

    Same with the extra links you can add into that menu. (I’m not sure how those are added, but I see “Cakeday” and “Docs” in the “Community > More” menu here on this site. Would be great to include custom links like that at the top level, as an option.

Misc feedback:

  • The + icon on the right of Community and Messages creates a new post/message. I find it a bit surprising to have those actions there, and with just a small + icon. I expected clicking the icon would let me add things to the menus, not take me to a full screen post editor.

Edit: The new user/notifications menu (the other half of this change) is great and helps keep track of differnet notification types really well.

But I think it has made one old flaw a little bit worse: It’s really hard to find the user’s settings page. It has been for a while as it’s just another unlabeled icon in a row (now column) of icons in a menu which looks like it’s about notifications rather than settings.

It’d be great to make that user settings link more prominent somewhere.

Including it in the sidebar might be the solution, as it could have a label.

19 Likes

Yay!

6 Likes

See:

But like others, I agree that by default the categories should be listed in the same order as on the forum overall. It’s a little bit of a deterrent for me as it focuses my attention -my eyes always go up the list…- on categories that I don’t prioritize, or aren’t prioritized by the forum (through admin settings or activity).

Seconding this.
Also because my own use of tags on one of my forums is customized (tags and inputs are hidden overall except for 1 category :smile:)


After using it a bit, I still don’t have a definitive opinion. Plus things are changing. A few things bother me.
But I looked at the old hamburger menu on my forum and… I realized that the only purpose I had for it was to click the admin button. I almost forgot that it had other options in it, my brain simply ignored them for a long time.
In the current state, I can say that the new menu seems a real improvement.

9 Likes

I saw this earlier but I think the tradeoff is bad. And there already is a UI for choosing the order of categories: It’s part of the category definitions themselves, and already used to determine the order they appear on the Categories page.

The sidebar configuration UI just needs to let us choose which categories appear. The order is already defined elsewhere, and shouldn’t be alphabetical (unless that’s the order the admin chose for categories on the site, of course :)).

9 Likes

I’m not advocating for any particular option but there is an argument to be made that the sidebar and the categories page are very different contexts and something which is appropriate for one may not be for the other.

Specifically, the categories page can contain a lot more detail about the categories which may take up significantly more vertical space. This makes it very pertinent to bring the most important categories to the top, making them immediately visible.

In the sidebar, this is less of a limitation and so it may (no idea) be more natural and easier to find categories at a glance in alphabetical order.

I don’t feel particularly strongly about alphabetical vs. custom order but for that reason, I do think that tying a custom order of the categories together would be wrong. At least forced together, defaulting to the same order would be fine but I suspect that would over-complicate the UI for it.

5 Likes

So the hamburger menu on my instance has some key additional links that we added, that we most definitely wouldn’t want hidden away behind an extra menu.

We also have the theme selectable from in there, so ideally those will also be always visible, and worst case behind an explicit ‘theme’ menu. Most definitely not hidden behind some generic menu.

Next, we have our categories in a deliberately chosen order, both top-level categories and the sub-categories, so I would want them to show like that by default before I’d turn this on.

And lastly, we don’t use tags at all, so we’ll definitely not want tags shown whatsoever.

Oh, actually, one more thing. I didn’t notice the new location of the hamburger at all until it was pointed out in this thread. So I think it would be good for existing users to have some bit of UI that displays the first time someone visits the site after the new hamburger is enabled, highlighting the change. If I have to I could add a banner notice in for a while, but it really shouldn’t be needed.

11 Likes

The admin settings looks a bit confusing to me. With the 2.9.0.beta10 update the option ‘Enables experimental sidebar’ was already checked, but without enable experimental sidebar hamburger being enabled, this makes no difference to the old situation. I don’t get a warning when I enable enable sidebar alone.

When checking ‘Allows experimental sidebar and user hamburger dropdown menu to be enabled.’ alone I only get a new hamburger dropdown menu. No sidebar.

And why is a new notifications menu dependent on enable experimental sidebar hamburger?

Anyway, I like what I see with both settings enabled. It will probably help new users more than experienced Discourse users.

A minor detail: here on meta all tabs in the notification menu have ‘mouse-over balloons’. I think that is the “title” in the <button> element. In our Dutch language instance some are missing. Could be a translation thing.

6 Likes

Should the new menu font size be slightly larger?

I’m not sure how and if it scales with resolution and/or screen size, but the new hamburger text font size is a bit tiny for me (32", 1440p).

Old:

New:

The regular font size on my forum (it’s the default one with Roboto):

5 Likes

Love the sidebar.

This fixes not being able to exit mobile view in the Discourse mobile app.

.sidebar-wrapper {height: calc(94vh - var(--header-offset, 0));}

This makes the Sidebar less obvious when open…

.sidebar-wrapper {background-color: var(--header-background);}

.sidebar-wrapper {display: flex;--d-sidebar-highlight-color: var(--highlight);}

.sidebar-footer-wrapper .sidebar-footer-container {border-top: 1.5px solid var(--header-background);}

.sidebar-footer-wrapper .sidebar-footer-container {background: var(--header-background);}

.sidebar-footer-wrapper .sidebar-footer-container {padding: 0.0em 0.0em;}

.sidebar-footer-wrapper .sidebar-footer-container:before {background: linear-gradient(to bottom, rgba(var(--header-background), 0), rgba(var(--header-background), 1));}

.sidebar-wrapper .sidebar-sections {--scrollbarWidth: 0.0em;}
2 Likes

Is there a way to make the notifications menu work like the old one? I would like to update my instance but the notifications will completely shock my user base so currently can’t.

4 Likes

They’re currently experimental and are tucked away behind a couple of admin settings. If you don’t enable them for your site then you’ll have the same setup as before. :+1:

5 Likes

And after timeframe X there is no settings and old one is bye gone. Then the same shock effect hits again. So because we can’t avoid that increased huge amount of icons perhaps better solution is start using it right away?

2 Likes

I suppose that would be a decision for you and your community, but it’s still experimental at the minute and likely to be tweaked here and there. You may want to hold off until it’s closer to its ‘finished’ form?

4 Likes

Sure. And still the shock is there. You know a way better than me ever, but the consept is ready and the issue here is not if review link is visible or do we get tooltips here, there and everywhere.

The decesion is made and because of small minority called power user we will move from this

to that:

Now I’m trying to convince my user that there is no such thing as too much information and hieroglyphs :rofl:

Well, I promise that was the last time I’m complaing about that.

My point stays. It just doesn’t matter if the new one is called as experimental. It just means there can and will be bugs and improvements. But it will come and the transition to new system is front of us and that transition should do now. Not next month or next year.

One strong point is that is the only way to get ideas from basic users. Those are majority of users, not power users.

5 Likes

I bet it won’t be long until there’s a theme component to remove the unnecessary/extra icons, or a plugin to put them back in the old place.

I quite like the new notification menu but don’t know whether I’m a power user or normal user…

6 Likes