Bug 11331

Summary: Burger icon misaligned
Product: Infrastructure Reporter: Maurice Gesswein <maurice.gesswein>
Component: Web SiteAssignee: Sven Hoehn <shoehn>
Status: CLOSED FIXED QA Contact: Michael Tremer <michael.tremer>
Severity: - Unknown -    
Priority: - Unknown - CC: shoehn
Version: unspecified   
Hardware: unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 11314    
Attachments: move-burger-icon

Description Maurice Gesswein 2017-05-02 21:34:15 UTC
Created attachment 510 [details]
move-burger-icon

Please move the burger icon to the left hand side. It should be left aligned at all viewports. Same with the donate button (missing atm) but right aligned. See attachment.
Comment 1 Sven Hoehn 2017-05-03 12:55:09 UTC
Can you please clarify?
Left aligned to what? In the Zeplin files it looks left align to the icons and text.
At the moment I don't understand to what it has to be aligned.
Sorry.
Comment 2 Maurice Gesswein 2017-05-07 20:35:06 UTC
You are absolutely right. This was not clear communicated. The whole page is affected. So it's a general misunderstanding and I'll try to explain what I expected.

I took the default Bootstrap grid as reference > http://v4-alpha.getbootstrap.com/layout/grid/
I noticed it recently right now that Bootstrap use for all viewports but XS a adaptive layout. I would like to have a max-width of 1200px (XL) and every thing below 1200px is completely fluid.

If you resize your browser and compare e.g. https://colorlib.com/polygon/gentelella/index.html (fluid layout) and http://v4-alpha.getbootstrap.com/layout/grid/ (adaptive layout) you should see the difference.

I would like to go with a fluid layout like https://colorlib.com/polygon/gentelella/index.html. But with a max-width of 1200px. It doesn't make sense for me to stretch a website to 2560px and more ;) For the WUI I'm not sure now. But that's another topic for later.

Let me know if everything is clear now.
Comment 3 Sven Hoehn 2017-05-08 15:57:39 UTC
so we have only a max-width of 1200px and till than the width is always 100%?
Comment 4 Maurice Gesswein 2017-05-08 23:29:07 UTC
Yes, as discussed separately :)
Comment 5 Sven Hoehn 2017-05-11 10:28:59 UTC
added width 100% and max-width: 1200px.
Comment 6 Maurice Gesswein 2017-05-15 21:17:15 UTC
As expected. Cool, thanks Sven!