From 6490694231cb1184011b8504cb118ba73fe6cdc1 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 --- 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 937617fe5b6..29148348736 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -8261,7 +8261,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; @@ -8419,6 +8419,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;