Bug 11331 - Burger icon misaligned
Summary: Burger icon misaligned
Status: CLOSED FIXED
Alias: None
Product: Infrastructure
Classification: Unclassified
Component: Web Site (show other bugs)
Version: unspecified
Hardware: unspecified Unspecified
: - Unknown - - Unknown -
Assignee: Sven Hoehn
QA Contact: Michael Tremer
URL:
Keywords:
Depends on:
Blocks: 11314
  Show dependency treegraph
 
Reported: 2017-05-02 21:34 UTC by Maurice Gesswein
Modified: 2017-05-15 21:17 UTC (History)
1 user (show)

See Also:


Attachments
move-burger-icon (98.68 KB, image/png)
2017-05-02 21:34 UTC, Maurice Gesswein
Details

Note You need to log in before you can comment on or make changes to this bug.
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!