Openstack logo screwed-up in Horizon when using MS Edge browser

[Kyrylo Romanenko]

Openstack logo misaligned and deformed in Horizon when using MS Edge browser.

Steps to reproduce:

1. View Horizon login page. Check how logo in center looks.
2. View Horizon dashboard after login. Check how logo in upper-left corner looks.

Expected result: Openstack logo should be positioned and scaled properly.
Actual result: Openstack logo rendered in a wrong scale and position

Environment: Horizon in Ocata. Windows 10, MS Edge browser.

[Kyrylo Romanenko (kromanenko)]

Also bug exists with IE11 in Windows 7.

[OpenStack Infra (hudson-openstack)]

Fix proposed to branch: master
Review: https://review.openstack.org/505617

[Akihiro Motoki (amotoki)]

low-hanging-fruit with High priority looks a bit odd.

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/505617
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=502cffb1f8d2f476cff682e6aba15f71ee49c3ef
Submitter: Zuul
Branch: master

commit 502cffb1f8d2f476cff682e6aba15f71ee49c3ef
Author: Ivan Kolodyazhny <email address hidden>
Date: Wed Sep 20 13:39:26 2017 +0000

    Fix logo in IE11/Edge browsers

    IE11/Edge browsers doesn't scale SVG images correct if
    weight and height is specified directly in SVG. Also these
    browsers doesn't work well with max-height style.

    Change-Id: I3fe643dd5e0d47cb0e5a658c84d23a8750c217e7
    Closes-Bug: #1715674

[OpenStack Infra (hudson-openstack)]

Fix proposed to branch: stable/pike
Review: https://review.openstack.org/514612

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/514612
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=8172262d397c8c0529374eb2cd06dc994b46ac89
Submitter: Zuul
Branch: stable/pike

commit 8172262d397c8c0529374eb2cd06dc994b46ac89
Author: Ivan Kolodyazhny <email address hidden>
Date: Wed Sep 20 13:39:26 2017 +0000

    Fix logo in IE11/Edge browsers

    IE11/Edge browsers doesn't scale SVG images correct if
    weight and height is specified directly in SVG. Also these
    browsers doesn't work well with max-height style.

    Change-Id: I3fe643dd5e0d47cb0e5a658c84d23a8750c217e7
    Closes-Bug: #1715674
    (cherry picked from commit 502cffb1f8d2f476cff682e6aba15f71ee49c3ef)

[OpenStack Infra (hudson-openstack)]

This issue was fixed in the openstack/horizon 12.0.1 release.

[OpenStack Infra (hudson-openstack)]

This issue was fixed in the openstack/horizon 13.0.0.0b2 development milestone.

[OpenStack Infra (hudson-openstack)]

Fix proposed to branch: stable/ocata
Review: https://review.openstack.org/575570

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/575570
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=ef2e77916eb48842cf0c8e3bfdf84695fa909ee3
Submitter: Zuul
Branch: stable/ocata

commit ef2e77916eb48842cf0c8e3bfdf84695fa909ee3
Author: Ivan Kolodyazhny <email address hidden>
Date: Wed Sep 20 13:39:26 2017 +0000

    Fix logo in IE11/Edge browsers

    IE11/Edge browsers doesn't scale SVG images correct if
    weight and height is specified directly in SVG. Also these
    browsers doesn't work well with max-height style.

    Change-Id: I3fe643dd5e0d47cb0e5a658c84d23a8750c217e7
    Closes-Bug: #1715674
    (cherry picked from commit 502cffb1f8d2f476cff682e6aba15f71ee49c3ef)

[OpenStack Infra (hudson-openstack)]

This issue was fixed in the openstack/horizon ocata-eol release.