Style view all button
Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/4c0fd582 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/4c0fd582 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/4c0fd582 Branch: refs/heads/Health-Check-UI Commit: 4c0fd582dc97cc87799699a19cff4cf7f8e2ed64 Parents: 29f9137 Author: Brian Federle <brian.fede...@citrix.com> Authored: Fri Feb 22 16:05:21 2013 -0800 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Fri Feb 22 16:05:21 2013 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 23 ++++++++++++++++++++--- ui/scripts/ui/widgets/detailView.js | 2 +- 2 files changed, 21 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/4c0fd582/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index cf18ab2..b0a7120 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: 291px; +} + +.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 { http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/4c0fd582/ui/scripts/ui/widgets/detailView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/detailView.js b/ui/scripts/ui/widgets/detailView.js index 7d00bea..69743a9 100644 --- a/ui/scripts/ui/widgets/detailView.js +++ b/ui/scripts/ui/widgets/detailView.js @@ -1040,7 +1040,7 @@ .filter('.' + tabData.viewAll.attachTo).find('td.value') .append( $('<div>').addClass('view-all').append( - $('<span>').html('View all IP Addresses') + $('<span>').html(_l('label.view.all')) ) ); }
