Style view all button

bfederle · bfederle · commit 4c0fd582dc97 · 2013-02-22T16:05:21.000-08:00
diff --git 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 {
diff --git 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'))
                     )
                   );
               }

Original file line number	Diff line number	Diff line change
`@@ -1040,7 +1040,7 @@`
`1040`	`1040`	`.filter('.' + tabData.viewAll.attachTo).find('td.value')`
`1041`	`1041`	`.append(`
`1042`	`1042`	`$('<div>').addClass('view-all').append(`
`1043`		`- $('<span>').html('View all IP Addresses')`
	`1043`	`+ $('<span>').html(_l('label.view.all'))`
`1044`	`1044`	`)`
`1045`	`1045`	`);`
`1046`	`1046`	`}`