You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/04/30 21:20:31 UTC
[09/22] git commit: updated refs/heads/master to c7143be
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/master
Commit: e6d9e8121308e6d055ccb6fcb5429849a8b729dd
Parents: eab667f
Author: Brian Federle <br...@citrix.com>
Authored: Thu Apr 25 12:23:39 2013 -0700
Committer: Brian Federle <br...@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;