expressjs.com icon indicating copy to clipboard operation
expressjs.com copied to clipboard

Reduce the number of links in the menu.

Open bjohansebas opened this issue 11 months ago • 5 comments

What do you think about reducing the number of links in the menu? That is, keeping the following links:

  • Docs (for documentation)
  • Support (for the support page)
  • Blog

Image

With this, other elements would also be adjusted to make it more compact, but it's just an initial idea.

And throughout the documentation, we could display the following menu, similar to how other pages do (with our own information, of course):

Image

This would resolve #1704

bjohansebas avatar Feb 09 '25 01:02 bjohansebas

I'm okay with this change and it gets rid of #1704 (my arch nemesis). As a user, I prefer links over dropdowns. Maybe we can keep a few more than three links? Small details aside, I'm okay and like this idea

chrisdel101 avatar Feb 10 '25 08:02 chrisdel101

Hey @bjohansebas What do you think of this instead? It's a way easier solution than trying to combine the links or adding anothe dropdown.

This is just a rough example version.

This is right before it breaks for mobile. Larger it could go back to single liners.

Image

it's better if we remove the Home, which we don't really need since we have the logo

Image

PS - the language picker needs some identifier like a an arrow, or at least some border. I'm making an issue for that - which can be closed if others disagree.

chrisdel101 avatar Feb 22 '25 13:02 chrisdel101

Having the home link is already a convention on many websites, so it would feel strange to remove it.

PS - the language picker needs some identifier like a an arrow, or at least some border. I'm making an issue for that - which can be closed if others disagree.

I would really prefer to always have the icon instead of the text, but if we don't make that change, it definitely needs an arrow.

bjohansebas avatar Feb 22 '25 15:02 bjohansebas

It might still work with the Home if we don't want to delete that. I dont want to shrink the text as it's already quite small. What about a Home icon, like a house, with an alt tag? Or the svg w title? If you're okay with the stacked text in general I can figure out the rest, even if I have to combine one link into two, rather than combine 3 or 4. If yes then we can close #1704.

RE: the language picker - the issue I was seeing was a result of changing the breakpoints, that's why my imgs show english, but we still need an icon. I assume the Japanese one in prod is not what you mean, it is? The fact that it's Japanese is way better than the word English though. Eiither way, adding an arrow would essentially solve this. I feel like it needs a title on hover over the language links too.

I made #1804 but closed it until I can be accurate in the problem. We can move any discussion about this issue over there.

chrisdel101 avatar Feb 22 '25 23:02 chrisdel101

I don't fully understand the message regarding Home. Maybe you can create a draft PR so we can start working on it and better understand your idea.

bjohansebas avatar Feb 23 '25 16:02 bjohansebas