From 5cce048f2491dc9c034aa52d7098cdafd1fa535d Mon Sep 17 00:00:00 2001 From: Mihaela Stoica Date: Tue, 4 Nov 2014 11:35:57 +0000 Subject: [PATCH] CLOUDSTACK-7837: [UI] Make the Source CIDR column wide enough to fit the CIDR value without ellipsizing Signed-off-by: Rajani Karuturi (cherry picked from commit 6490694231cb1184011b8504cb118ba73fe6cdc1) Signed-off-by: Rohit Yadav --- ui/css/cloudstack3.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index ad3ab5639ec..748fc0d65dc 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -8256,7 +8256,7 @@ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBal .multi-edit .data .data-body .data-item > table tbody tr td span { overflow: hidden; - max-width: 78px; + max-width: 90%; display: block; float: left; text-overflow: ellipsis; @@ -8414,6 +8414,17 @@ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBal font-size: 10px; } +/* special case for 'Source CIDR' column - make it wide enough to fit a CIDR without ellipsizing*/ +.detail-view .multi-edit table tr th.cidrlist, +.detail-view .multi-edit table tr td.cidrlist { + min-width: 112px !important; + max-width: 112px !important; +} +.detail-view .multi-edit td.cidrlist input { + width: 85%; +} + + /** Header fields*/ .multi-edit .header-fields { position: relative;