etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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.
This commit is contained in:
Rohit Yadav 2019-04-11 12:46:41 +05:30 committed by GitHub
parent 6bb8d977ac
commit 379d779a72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/css/cloudstack3.css
View File

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