SVG pie charts not center on IE browsers

[Marcos Lobo]

Using Internet Explorer 10, 9, 8, 7 and Icehouse release openstack-dashboard-2014.1.1-1

The pie charts on the main page in Horizon are not centered. This pie charts are made using SVG and (in my opinion) IE has not "good feeling" with these pie charts and this browser does not center them with the pie chart info.

Screenshot attached.

[Gary W. Smith (gary-w-smith)]

This seems related to https://bugs.launchpad.net/horizon/+bug/1260281 . On IE 10.0.9200.16921, I cannot see the pie charts at all.

[Jeremy Moffitt (jeremy-moffitt)]

I'll take a look at this... not super familiar with this area of code, but I've got an interest in it and no one else has jumped in yet.

[Gary W. Smith (gary-w-smith)]

After discovering that my ie10 was in compatibility mode (grrr), I disabled it and confirmed that the behavior is exactly as the bug reports.

[OpenStack Infra (hudson-openstack)]

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

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/115718
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=8404893909de3bbb1502faaffc0afeeb2e560e31
Submitter: Jenkins
Branch: master

commit 8404893909de3bbb1502faaffc0afeeb2e560e31
Author: Jeremy Moffitt <email address hidden>
Date: Wed Aug 20 10:14:55 2014 -0700

    Fix IE spacing for pie charts

    The svg pie charts are being mis-aligned in IE because ID doesnt
    correctly process the height and width attributes on an svg element
    Using a viewBox resolves the issue and doesnt appear to cause any
    side effects in other browsers. Note that the IE charts will scale
    slightly as the browser window changes. Chrome and FF do not
    exhibit this because they strictly apply the height and width

    Change-Id: Id45b1f11dd964425926795f6d07ab7bdc361f6ee
    Closes-bug: 1342125