Dashboard: Fix width 'jump' on loading
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/68af9af7 Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/68af9af7 Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/68af9af7 Branch: refs/heads/ui-restyle Commit: 68af9af7d8127f5e25b54ce64233c82a3df0f8eb Parents: bcb7834 Author: Brian Federle <[email protected]> Authored: Wed Oct 16 13:19:31 2013 -0700 Committer: Brian Federle <[email protected]> Committed: Wed Oct 16 13:19:31 2013 -0700 ---------------------------------------------------------------------- ui/stylesheets/_dashboard.scss | 4 +++- ui/stylesheets/cloudstack.css | 14 +++++++++++--- 2 files changed, 14 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/68af9af7/ui/stylesheets/_dashboard.scss ---------------------------------------------------------------------- diff --git a/ui/stylesheets/_dashboard.scss b/ui/stylesheets/_dashboard.scss index a7b8a64..19c4c29 100644 --- a/ui/stylesheets/_dashboard.scss +++ b/ui/stylesheets/_dashboard.scss @@ -17,7 +17,9 @@ // Admin dashboard .dashboard.admin { + @include row; padding: 10px; + width: 100%; .sub.alerts { width: 48%; @@ -82,8 +84,8 @@ } .head { - float: left; border: 1px solid #cfcfcf; + width: 100%; .top { @include csui-toolbar; http://git-wip-us.apache.org/repos/asf/cloudstack/blob/68af9af7/ui/stylesheets/cloudstack.css ---------------------------------------------------------------------- diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css index 06dc479..0f6c56f 100644 --- a/ui/stylesheets/cloudstack.css +++ b/ui/stylesheets/cloudstack.css @@ -5266,7 +5266,15 @@ ul.ui-tabs-nav { content: ""; } .dashboard.admin { - padding: 10px; } + *zoom: 1; + display: block; + padding: 10px; + width: 100%; } + .dashboard.admin:before, .dashboard.admin:after { + content: " "; + display: table; } + .dashboard.admin:after { + clear: both; } .dashboard.admin .sub.alerts { width: 48%; margin-top: 25px; } @@ -5387,8 +5395,8 @@ ul.ui-tabs-nav { background-image: -webkit-linear-gradient(white, #f2f2f2); background-image: linear-gradient(white, #f2f2f2); } .dashboard.admin .head { - float: left; - border: 1px solid #cfcfcf; } + border: 1px solid #cfcfcf; + width: 100%; } .dashboard.admin .head .top { *zoom: 1; display: block;
