This is an automated email from the ASF dual-hosted git repository.
rohit pushed a commit to branch 4.11
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/4.11 by this push:
new ecb44a5 ui: add height sizing to detail view so that it renders all
detail items in the list (#2790)
ecb44a5 is described below
commit ecb44a5e7263e1449ffae4340586781056dfe59f
Author: ernjvr <ern...@gmail.com>
AuthorDate: Wed Aug 8 08:40:23 2018 +0200
ui: add height sizing to detail view so that it renders all detail items in
the list (#2790)
In the UI, when a VM instance has more than one NIC, the NICs screen does
not display all the details of the first NIC. The last few rows of text overlap
with the second NIC's text. This is due to the incorrect placement of the
second NIC's bar. The default height sizing does not allow enough head space to
display all the details of the first NIC before displaying the second NIC's
details.
Expected Behaviour:
When a VM instance has more than one NIC, the NICs screen must allow enough
height size to display all the details of the first NIC before displaying the
second NIC's details. The last few rows of text must not overlap with the
second NIC's text.
Current Behaviour:
When a VM instance has more than one NIC, the NICs screen does not allow
enough height size to display all the details of the first NIC before
displaying the second NIC's details. The last few rows of text overlap with the
second NIC's text.
To Reproduce:
In the UI, on the lefthand side, select the Instances link. On the
Instances screen, select a VM instance that has more than one NIC and then
select the NICs screen. Scroll down to where the second NIC bar is displayed.
Notice that it does not display all the details of the first NIC correctly. The
last few rows of text overlap with the second NIC's text.
---
ui/css/cloudstack3.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 1f54054..dadc3c9 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -2075,6 +2075,7 @@ div.copypasteicon:hover {
.detail-view .details.group-multiple {
float: left;
+ height: 600px;
width: 100%;
margin-bottom: 30px;
}
