You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by ts...@apache.org on 2013/03/18 13:27:10 UTC
[30/50] [abbrv] git commit: refs/heads/marvin-refactor - Mutli-edit
overflow CSS handling
Mutli-edit overflow CSS handling
Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/8291c9b3
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/8291c9b3
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/8291c9b3
Branch: refs/heads/marvin-refactor
Commit: 8291c9b3ba9c57388f654da2e8825c0644122523
Parents: 3752f1c
Author: Brian Federle <br...@citrix.com>
Authored: Tue Feb 26 11:31:34 2013 -0800
Committer: Pranav Saxena <pr...@citrix.com>
Committed: Fri Mar 15 16:46:59 2013 +0530
----------------------------------------------------------------------
ui/css/cloudstack3.css | 96 +++++++++++++++++++++++++++++++++++++++++--
1 files changed, 92 insertions(+), 4 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/8291c9b3/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index cb1debc..35dc3ca 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1737,16 +1737,60 @@ div.list-view td.state.off span {
text-indent: 0;
}
-.detail-group .main-groups table td.value span {
+.detail-group .main-groups table td.value > span {
display: block;
height: 30px;
overflow: auto;
position: relative;
top: 9px;
+ float:left;
+ width:245px;
}
-.detail-group .main-groups table td.value span {
- width: 355px;
+.detail-group .main-groups table td.value .view-all {
+ cursor: pointer;
+ /*[empty]height:;*/
+ border-left: 1px solid #9FA2A5;
+ /*+border-radius:4px 0 0 4px;*/
+ -moz-border-radius: 4px 0 0 4px;
+ -webkit-border-radius: 4px 0 0 4px;
+ -khtml-border-radius: 4px 0 0 4px;
+ border-radius: 4px 0 0 4px;
+ background: url(../images/sprites.png) no-repeat 100% -398px;
+ float: right;
+ margin: 1px 0 0;
+ padding: 8px 33px 6px 15px;
+ }
+
+.detail-group .main-groups table td.value .view-all:hover {
+ background-position: 100% -431px;
+ }
+
+/*List-view: subselect dropdown*/
+.list-view .subselect {
+ width: 116px;
+ display: block;
+ float: left;
+ background: url(../images/bg-gradients.png) 0px -42px;
+ padding: 0;
+ margin: 8px 0 1px 7px;
+ clear: both;
+ border: 1px solid #A8A7A7;
+ /*+border-radius:4px;*/
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.list-view .subselect span {
+ margin: 4px 0 0 12px;
+}
+
+.list-view .subselect select {
+ width: 85%;
+ margin: 5px 0 4px;
+ font-size: 10px;
}
.panel.always-maximized .detail-group .main-groups table td.value span {
@@ -7684,9 +7728,27 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
margin: 0 22px 0 0;
}
+ /** Fix long table overflow*/
+.detail-view .multi-edit {
+ width: 100%;
+}
+
+.detail-view .multi-edit table {
+ width: 97%;
+ max-width: inherit;
+}
+
+.detail-view .multi-edit table tr th,
+.detail-view .multi-edit table tr td {
+ width: 87px !important;
+ min-width: 87px !important;
+ max-width: 87px !important;
+}
+
+
/** Header fields*/
.multi-edit .header-fields {
- position: relative;
+ position: relative;
/*+placement:shift 14px 11px;*/
position: relative;
left: 14px;
@@ -10502,6 +10564,32 @@ div.ui-dialog div.acl div.multi-edit div.data div.data-body div.data-item table
width: 65px;
}
+/*HEALTH CHECK */
+
+div.ui-dialog div.health-check div.health-check-description {
+color: #808080;
+}
+
+div.ui-dialog div.health-check div.form-container form div.form-item {
+width:58% margin-left:116px; margin-top:-16px; margin-bottom:30px; }
+
+div.ui-dialog div.health-check div.health-check-config-title {
+float:left;
+color: #808080;
+font-size:17px;
+margin-left:15px;
+}
+
+div.ui-dialog div.health-check div.health-check-advanced-title {
+float:left;
+color: #808080;
+font-size:17px;
+margin-left:15px;
+}
+
+
+
+
/*Autoscaler*/
.ui-dialog div.autoscaler {
overflow: auto;