CLOUDSTACK-771:Instance Table misalignment : when instance is created with long display name:Solved by using the concept of Ellipses in CSS
Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/7410de9c Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/7410de9c Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/7410de9c Branch: refs/heads/ui-plugins Commit: 7410de9cca9fe780739f1a811d338239b109149a Parents: 1f1a134 Author: Pranav Saxena <[email protected]> Authored: Mon Dec 24 16:05:57 2012 +0530 Committer: Pranav Saxena <[email protected]> Committed: Mon Dec 24 16:05:57 2012 +0530 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 7 +++++-- 1 files changed, 5 insertions(+), 2 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/7410de9c/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index a1a68cb..72c98e6 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -441,13 +441,16 @@ body.login { div.list-view table tbody td span { display: block; float: left; - max-width: 210px; + max-width: 100px; word-wrap: break-word; text-indent: 0; margin-left: 12px; line-height: 15px; - overflow: auto; + overflow: hidden; overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } div.list-view div.toolbar div.section-switcher div.section-select label {
