Better styling for multi-detail panels
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/e6d9e812 Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/e6d9e812 Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/e6d9e812 Branch: refs/heads/ui-add-remove-nics Commit: e6d9e8121308e6d055ccb6fcb5429849a8b729dd Parents: eab667f Author: Brian Federle <brian.fede...@citrix.com> Authored: Thu Apr 25 12:23:39 2013 -0700 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Thu Apr 25 12:23:39 2013 -0700 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 23 +++++++++++++++++++---- 1 files changed, 19 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/e6d9e812/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 9847ae9..9041bd7 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -1699,6 +1699,8 @@ div.list-view td.state.off span { max-height: 407px; overflow: auto; overflow-x: hidden; + width: 100%; + /*[empty]padding:;*/ margin-right: 12px; } @@ -1786,6 +1788,12 @@ div.list-view td.state.off span { width: 100%; } +.detail-view .details.group-multiple .main-groups { + overflow: visible; + width: 98%; + margin-bottom: 35px; +} + /*List-view: subselect dropdown*/ .list-view .subselect { width: 116px; @@ -2020,15 +2028,17 @@ div.detail-group.actions td { margin: -15px 0 -5px; } -.details.group-multiple div.detail-group.actions .detail-actions { +.details.group-multiple div.detail-group.actions table { + background: none; +} + +.details.group-multiple div.detail-group.actions td.detail-actions { + background: none; display: block; height: 35px; padding: 0; } -.details.group-multiple div.detail-group.actions .detail-actions td { -} - .details.group-multiple div.detail-group.actions .detail-actions .action { float: right; /*+placement:shift 2px 7px;*/ @@ -2037,6 +2047,11 @@ div.detail-group.actions td { top: 7px; } +.details.group-multiple div.detail-group.actions .detail-actions .action a { + background: none; + width: 24px; +} + .detail-group table td.detail-actions { width: 59%; height: 26px;
