You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by ke...@apache.org on 2012/05/28 00:35:41 UTC

[7/50] [abbrv] git commit: CS-14844

CS-14844

-If value label in detail view gets too long, then add horizontal
 scrollbar to value, to avoid truncation

-Lower font size to 11px (-1px) to better fit longer data into UI

reviewed-by: sonny


Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/5f4e45fb
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/5f4e45fb
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/5f4e45fb

Branch: refs/heads/3.0.x
Commit: 5f4e45fbf224cf160f7fd9e730c1e89ab1471af8
Parents: 9ba9381
Author: Brian Federle <br...@citrix.com>
Authored: Fri May 25 12:08:15 2012 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Fri May 25 12:08:56 2012 -0700

----------------------------------------------------------------------
 ui/css/cloudstack3.css              |   16 ++++++++++++++++
 ui/scripts/ui/widgets/detailView.js |    2 +-
 2 files changed, 17 insertions(+), 1 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/5f4e45fb/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 5d27ee8..32bfb96 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1411,6 +1411,22 @@ div.list-view td.state.off span {
   text-indent: 0;
 }
 
+.detail-group .main-groups table td.value span {
+  display: block;
+  height: 30px;
+  overflow: auto;
+  position: relative;
+  top: 9px;
+}
+
+.detail-group .main-groups table td.value span {
+  width: 355px;
+}
+
+.panel.always-maximized .detail-group .main-groups table td.value span {
+  width: 565px;
+}
+
 .detail-group.head table td.name {
   padding: 20px 0px 17px;
 }

http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/5f4e45fb/ui/scripts/ui/widgets/detailView.js
----------------------------------------------------------------------
diff --git a/ui/scripts/ui/widgets/detailView.js b/ui/scripts/ui/widgets/detailView.js
index a1d7eaa..3169e01 100644
--- a/ui/scripts/ui/widgets/detailView.js
+++ b/ui/scripts/ui/widgets/detailView.js
@@ -666,7 +666,7 @@
 
         var $detail = $('<tr></tr>').addClass(key).appendTo($detailTable);
         var $name = $('<td></td>').addClass('name').appendTo($detail);
-        var $value = $('<td></td>').addClass('value').appendTo($detail);
+        var $value = $('<span>').appendTo($('<td></td>').addClass('value').appendTo($detail));
         var content = data[key];
 
         if (this.converter) content = this.converter(content);