Skip to content

Commit 379d779

Browse files
authored
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.
1 parent 6bb8d97 commit 379d779

1 file changed

Lines changed: 1 addition & 2 deletions

File tree

ui/css/cloudstack3.css

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6878,10 +6878,9 @@ label.error {
68786878
.multi-wizard.instance-wizard .diagram .part.zone-plane {
68796879
width: 354px;
68806880
height: 117px;
6881-
background-position: 0px -55px;
6881+
background-position: -38px -55px;
68826882
/*+placement:displace -38px 259px;*/
68836883
position: absolute;
6884-
margin-left: -38px;
68856884
margin-top: 259px;
68866885
}
68876886

0 commit comments

Comments
 (0)