Updated Branches: refs/heads/ui-quick-view-v2 19aad357c -> 2f1dde83b
Style multiple view all buttons; increase length of quickview Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/2f1dde83 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/2f1dde83 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/2f1dde83 Branch: refs/heads/ui-quick-view-v2 Commit: 2f1dde83b3deaafff56f50b57a60c3bc4116ba7c Parents: f7a7c18 Author: Brian Federle <[email protected]> Authored: Mon Jan 7 17:06:59 2013 -0800 Committer: Brian Federle <[email protected]> Committed: Mon Jan 7 17:06:59 2013 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 34 +++++++++++++++++++++++------ ui/scripts/ui/widgets/detailView.js | 6 ++++- 2 files changed, 32 insertions(+), 8 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/2f1dde83/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index e1c9c86..d984b57 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -1285,14 +1285,14 @@ div.list-view td.state.off span { /** Quick view tooltip*/ .quick-view-tooltip { - width: 400px; + width: 470px; display: inline-block; - margin-left: -359px; + margin-left: -462px; padding-top: 50px; } .quick-view-tooltip > div.title { - width: 376px; + width: 444px; position: absolute; top: 71px; left: 10px; @@ -1329,7 +1329,7 @@ div.list-view td.state.off span { .quick-view-tooltip .container { border: 1px solid #9EA2A5; background: #CCCFD6; - width: 400px; + width: 470px; min-height: 100px; height: auto; overflow: hidden; @@ -1346,7 +1346,7 @@ div.list-view td.state.off span { } .quick-view-tooltip .detail-view .main-groups { - width: 394px; + width: 456px; height: 132px; position: absolute; top: 55px; @@ -1493,7 +1493,7 @@ div.list-view td.state.off span { } .quick-view-tooltip .detail-view .detail-group.actions .detail-actions { - width: 400px; + width: 460px; height: auto; background: none; vertical-align: top; @@ -1504,7 +1504,7 @@ div.list-view td.state.off span { position: relative; left: 0px; float: left; - width: 394px; + width: 460px; height: 22px; border-top: 1px solid #808080; /*+box-shadow:inset 0px 1px #FFFFFF;*/ @@ -1920,6 +1920,20 @@ div.details .main-groups label.error { top: 6px; } +.detail-view td.view-all.multiple { + width: 123px !important; + height: 22px; + float: left; + display: block; + margin: 8px 2px 8px 8px; + border: none !important; + /*+box-shadow:none;*/ + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + -o-box-shadow: none !important; + box-shadow: none !important; +} + /*** Actions*/ div.detail-group.actions { padding: 0; @@ -1944,6 +1958,12 @@ div.detail-group.actions td { height: 26px; } +.detail-group table td.detail-actions.full-length { + display: block; + width: 99%; + border-bottom: 1px solid #AAAAAA; +} + .detail-group table td.detail-actions .action.text { padding: 0px 6px 0px 0px; cursor: pointer; http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/2f1dde83/ui/scripts/ui/widgets/detailView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/detailView.js b/ui/scripts/ui/widgets/detailView.js index 853ea62..a712267 100644 --- a/ui/scripts/ui/widgets/detailView.js +++ b/ui/scripts/ui/widgets/detailView.js @@ -930,9 +930,13 @@ ) .appendTo( $('<td>') - .addClass('view-all') + .addClass('view-all multiple') .appendTo($actions.find('tr')) ); + + $actions.find('td.view-all:first').addClass('first'); + $actions.find('td.view-all:last').addClass('last'); + $actions.find('td.detail-actions').addClass('full-length'); }); } }
