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/master Commit: 8291c9b3ba9c57388f654da2e8825c0644122523 Parents: 3752f1c Author: Brian Federle <brian.fede...@citrix.com> Authored: Tue Feb 26 11:31:34 2013 -0800 Committer: Pranav Saxena <pranav.sax...@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;
