mirror of
https://github.com/EmulatorJS/EmulatorJS.git
synced 2024-09-20 02:46:23 +00:00
Fix virtual gamepad alignment
This commit is contained in:
parent
3be9d98b95
commit
a8441fa7a8
2 changed files with 10 additions and 19 deletions
|
@ -255,15 +255,18 @@
|
|||
.ejs_settings_parent::after {
|
||||
right: 15px;
|
||||
}
|
||||
.ejs_settings_leftside {
|
||||
right: 50%
|
||||
.ejs_settings_center_right {
|
||||
right: -35%
|
||||
}
|
||||
.ejs_settings_leftside::after {
|
||||
right: 15px;
|
||||
.ejs_settings_center_left {
|
||||
right: -135%
|
||||
}
|
||||
.ejs_settings_center::after {
|
||||
.ejs_settings_center_right::after {
|
||||
right: 25%;
|
||||
}
|
||||
.ejs_settings_center_left::after {
|
||||
left: 25%;
|
||||
}
|
||||
.ejs_menu_bar {
|
||||
transition: opacity .4s ease-in-out,transform .4s ease-in-out;
|
||||
position: absolute;
|
||||
|
|
|
@ -3242,20 +3242,8 @@ class EmulatorJS {
|
|||
for (let i=0; i<menus.length; i++) {
|
||||
menus[i].style['max-height'] = (height - 95) + "px";
|
||||
}
|
||||
if (width < 575) {
|
||||
const rect = this.settingsMenu.getBoundingClientRect();
|
||||
if (rect.x < 0 ||
|
||||
(this.settingsMenu.classList.contains("ejs_settings_center") && rect.x-(rect.width/2) < 0)) {
|
||||
this.settingsMenu.classList.toggle("ejs_settings_center", true);
|
||||
this.settingsMenu.classList.toggle("ejs_settings_leftside", false);
|
||||
} else {
|
||||
this.settingsMenu.classList.toggle("ejs_settings_leftside", !((window.innerWidth/2) > x));
|
||||
this.settingsMenu.classList.toggle("ejs_settings_center", false);
|
||||
}
|
||||
} else {
|
||||
this.settingsMenu.classList.remove("ejs_settings_leftside");
|
||||
this.settingsMenu.classList.remove("ejs_settings_center");
|
||||
}
|
||||
this.settingsMenu.classList.toggle("ejs_settings_center_left", (x < width/2) && (width < 575));
|
||||
this.settingsMenu.classList.toggle("ejs_settings_center_right", (x >= width/2) && (width < 575));
|
||||
if (needChange) {
|
||||
this.settingsMenu.style.display = "none";
|
||||
this.settingsMenu.style.opacity = "";
|
||||
|
|
Loading…
Reference in a new issue