Improve design of the webapp

[Cooq]

• Moving from a top menu to a sidebar menu
• Redesign viewblocks
• Redesign navigation tabs (subnav class)
• Modification of input tags for dark GTK theme compatibility

[bamnet]

@brzaik / @khanh - Any feedback?

[mfrederickson]

@Cooq nice work. Looks good.

[augustf]

For those without a locally branched version:

[augustf]

This side menu looks pretty nice to me. It makes the app feel more modern, and I'm a sucker for dark themes. My main concerns are link color (the user link and icons on the bottom left of the menu are totally lost) and some of the styles that may have gotten lost/broken in the transition (see screenshots below). But I think this left-menu concept is worth working on. Let's get some more core team input, too.

Old jump/button/feed selector:

New jump/button/feed selector:

[brzaik]

Thanks @Cooq!

I'd be interested in hearing from more people about the vertical nav versus our current horizontal nav. The horizontal menu doesn't scale well for plugin menus and longer lists of menu items. Wordpress uses a vertical menu and it might be a good change for us to incorporate.

Visuals-wise, what was the rationale for the darker theme? I'm not opposed to it but feel like the link color needs to be different (not the blue, which clashes here), or we should consider some tweaked colors. A contrast in background between the nav and content area provides some advantages, but it's a more significant change to our brand palette. I can play around with some alternatives over the next week and show you guys what I come up with.

[taras-yorku]

I like the theme overall, I agree about the blue links in the dark sidebar. Make them white.

[leoherzog]

So this PR is associated with the 2.3.4 milestone, but 2.3.4 is out. Does 2.3.4 include this new design?

[mfrederickson]

@xd1936 no, this PR has not yet been merged.

[Suriv]

Are conflicts going to be resolved to have these styles?

[mfrederickson]

@Cooq, I really like what you've done. With a couple minor tweaks I will be ready to merge this. I apologize for the length of time it has taken this PR to get the attention it needs. Would you be able to fix the following?

1. The User's page has an odd vertical bar (from the pagination for the content list down below).
   

2. The slider has no outline unless you hover over it.
   

3. When the menu is collapsed, you can still click on the items you cannot see. How about showing an icon for each menu option when it is collapsed?
   

4. Can you make the name a little smaller and the menu-bottom gray unless hovered and then grayLight like you did with the other menu options? Or something like that?
   

[Cooq]

It has been a long time since I have done this.
I will try to correct the bugs you've mentioned and push it

[Cooq]

I fixed the points 2, 3, 4 but I could not reproduce the 1.

[Cooq]

[mfrederickson]

@Cooq this looks great-- I'll try and get to it soon. Thanks!

[mfrederickson]

@Cooq the pagination issue (item 1 above) appears when there are a lot of items, and the pagination controls show up.

[Cooq]

Sorry for the delay, I finally fixed the pagination.

[pandel]

@Cooq
Wonderful addition! Really love the new look.

There is only one little issue with this PR:
In your Gemfile.lock the BUNDLED WITH is set to 2.0.2. This leads to a conflict when using the Dockerfile to build the image. I just reverted to 1.17.3 as in the original Gemfile.lock and my build was successful.

Perhaps this is helpful...

[evansharp]

Will this be merged for a new release any time soon? I'm looking at Concerto for a project and want to start with as up-to-date a release as possible.