Fix header layout after window's width has been resized down to <1285px
Bootstrap CSS sets negative margins to navbar rows, so in case we are
using more than one, successive rows are pushed to avoid overlapping.
Fuel web interface has only one navbar row, so the document layout
becomes broken when it pushes window margin beyond the viewport.
This commit cancels out negative margin-right if the navbar row is the
last child of its parent. It works in FF 3.5+, IE9+, Chrome 4+ and
Safari 4+. Bug will be still observable in older browsers without
:last-child CSS3 selector support with no other regressions caused by
this change.
Reviewed: https:/ /review. openstack. org/253364 /git.openstack. org/cgit/ openstack/ fuel-web/ commit/ ?id=a6fff4f3d14 a09ab933c0de084 42e5dbdd3d1d1b
Committed: https:/
Submitter: Jenkins
Branch: master
commit a6fff4f3d14a09a b933c0de08442e5 dbdd3d1d1b
Author: Dmitry Bilunov <email address hidden>
Date: Fri Dec 4 10:32:49 2015 +0300
Fix header layout after window's width has been resized down to <1285px
Bootstrap CSS sets negative margins to navbar rows, so in case we are
using more than one, successive rows are pushed to avoid overlapping.
Fuel web interface has only one navbar row, so the document layout
becomes broken when it pushes window margin beyond the viewport.
This commit cancels out negative margin-right if the navbar row is the
last child of its parent. It works in FF 3.5+, IE9+, Chrome 4+ and
Safari 4+. Bug will be still observable in older browsers without
:last-child CSS3 selector support with no other regressions caused by
this change.
Change-Id: I48a14b2321499e 74a46d8f4cd61dc 0f71a10fab4
Closes-Bug: 1519375