CLOUDSTACK-7837: [UI] Make the Source CIDR column wide enough to fit the CIDR value without ellipsizing
Signed-off-by: Rajani Karuturi <[email protected]> (cherry picked from commit 6490694231cb1184011b8504cb118ba73fe6cdc1) Signed-off-by: Rohit Yadav <[email protected]> Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/5cce048f Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/5cce048f Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/5cce048f Branch: refs/heads/4.4 Commit: 5cce048f2491dc9c034aa52d7098cdafd1fa535d Parents: e4bf957 Author: Mihaela Stoica <[email protected]> Authored: Tue Nov 4 11:35:57 2014 +0000 Committer: Rohit Yadav <[email protected]> Committed: Thu Dec 11 20:36:17 2014 +0530 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/5cce048f/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index ad3ab56..748fc0d 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;
