Design

I take the oppotunity of this discussion to propose a new design for the header. It seems like the few design changes I made on it are one of the blocking point of my PR.

So, I want to take the temparature on this. If the feedback is not globally positive, I'll open a proposal so we can vote.

Here is how it looked like before :

and here is how it looks now :

The key design changes are :

• no more shadow at the bottom of the header,
• the searchbar is higher and squared like the bootstrap's button are,
• the notifications dropdown is bigger, each notification has more padding, the profile pictures are bigger,
• the user menu is now white with blue links.

All these changes have been made to unify the header design with the rest of the changes introduced by the port to BS : the stream page is larger, the buttons are squared with a radius of 4px, etc..

@dumitruursu let's wait until the chat proves to be stable before dropping anything because of it.

@dumitruursu I think the navigation would improve a great deal if we bring consistency across all sections. Right now, they are all different and that makes the UI look jumpy.

I want to develop a single rock solid main layout that will endure across all sections. One idea is to bring the left bar to all sections, so you will always have the top bar, the left sidebar and the main content. So we will end up with a 3 layer hierarchy to play with: top, left, center.

That'll be something I strongly suggest doing BEFORE porting to Bootstrap 3: get the main foundation solid across all sections, using the same layout for all of them. Then begin porting.

We still have to deal with large screen size, but it's quite easy limiting the main container width. I see it as a possible option in the future (a boolean preference on the user side).

One idea is to bring the left bar to all sections, so you will always have the top bar, the left sidebar and the main content.

What will be on the left bar for the conversation page or the notification page? The list of conversations or notifications?

We still have to deal with large screen size, but it’s quite easy limiting the main container width.

On my 1080p screen, the design is already a bit large. I'd say the current width for the layout is perfect ;)

@steffenvanbergerem @jasonrobinson @jhass are we moving on with the HQ post?

I think it's not about really getting each mockup / idea people has, but I'm sure the overall will bring some insights.

Anyway, you know how these things are, maybe we'll get a lot of likes, and comments, and "hey! I'll send a mockup", and then... nothing happens and you get 2 crazy mockups, redefining the whole world. That could happen too.

Let's just throw the ball out there to see what happens.

@hola want to do a post draft, me, @goob or @flaburgan can promote it via the social channels?

Sorry I didn't have time for Loomio, I'm going to try to read what's going on before the end of the week.