[cloudstack] branch 4.11 updated: ui: add height sizing to detail view so that it renders all detail items in the list (#2790)

[rohit]

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;
 }