From 379d779a7252865e66ce3e7a913c4ec9a988af94 Mon Sep 17 00:00:00 2001 From: Rohit Yadav Date: Thu, 11 Apr 2019 12:46:41 +0530 Subject: [PATCH] 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 5294f565880..ab0fd5ab36c 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; }