[cloudstack] branch master updated: css: fix computer diagram margin that blocks down arrow (#3225)

[rohit]

This is an automated email from the ASF dual-hosted git repository.

rohit pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/master by this push:
     new 379d779  css: fix computer diagram margin that blocks down arrow 
(#3225)
379d779 is described below

commit 379d779a7252865e66ce3e7a913c4ec9a988af94
Author: Rohit Yadav <ro...@apache.org>
AuthorDate: Thu Apr 11 12:46:41 2019 +0530

    css: fix computer diagram margin that blocks down arrow (#3225)
    
    Problem: Down arrow key of the vertical scroll bar in the VM deployment 
wizard does not work.
    Root Cause: The computer diagram on the right side in the VM deployment 
wizard spills its margin on the left causing the arrow key to be blocked.
    Solution: Fix the background-position to get the correct position than 
margin-left for the zone-panel. With the fix, the left size arrow keys and 
vertical scrollbars are no longer under the diagram image and press-able now.
---
 ui/css/cloudstack3.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 5294f56..ab0fd5a 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6878,10 +6878,9 @@ label.error {
 .multi-wizard.instance-wizard .diagram .part.zone-plane {
   width: 354px;
   height: 117px;
-  background-position: 0px -55px;
+  background-position: -38px -55px;
   /*+placement:displace -38px 259px;*/
   position: absolute;
-  margin-left: -38px;
   margin-top: 259px;
 }