Updated Branches: refs/heads/health-Check 6f232fb54 -> 194b83cd5
Multi-edit: Allow horizontal overflow Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/194b83cd Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/194b83cd Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/194b83cd Branch: refs/heads/health-Check Commit: 194b83cd57949617e9b828bbc68954d5bc712d2b Parents: 6f232fb Author: Brian Federle <[email protected]> Authored: Tue Feb 26 11:31:34 2013 -0800 Committer: Brian Federle <[email protected]> Committed: Thu Mar 14 12:43:34 2013 -0700 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 96 ++++++++++++++++++++++++++++++++++-------- 1 files changed, 77 insertions(+), 19 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/194b83cd/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 7471020..09385ef 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -1737,16 +1737,33 @@ 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 .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 span { - width: 355px; +.detail-group .main-groups table td.value .view-all:hover { + background-position: 100% -431px; } .panel.always-maximized .detail-group .main-groups table td.value span { @@ -7294,6 +7311,33 @@ div.panel.ui-dialog div.list-view div.fixed-header { background: #C3E0FC; } +/*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; +} + /*Multi-edit*/ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit thead tr th, div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit tbody tr td { @@ -7684,6 +7728,23 @@ 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; @@ -10502,34 +10563,31 @@ div.ui-dialog div.acl div.multi-edit div.data div.data-body div.data-item table width: 65px; } -/*HEALTH CHECK */ - +/*HEALTH CHECK*/ div.ui-dialog div.health-check div.health-check-description { -color: #808080; + 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; + 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; + 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; + float: left; + color: #808080; + font-size: 17px; + margin-left: 15px; } - /*Autoscaler*/ .ui-dialog div.autoscaler { overflow: auto;
