ethanaobrien/EmulatorJS
1
0
Fork 0
mirror of https://github.com/EmulatorJS/EmulatorJS.git synced 2024-09-20 02:46:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix virtual gamepad alignment

Browse source
This commit is contained in:
Ethan O'Brien 2023-08-12 11:05:50 -05:00
parent 3be9d98b95
commit a8441fa7a8
2 changed files with 10 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
data/emulator.css
View file

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

16
data/emulator.js
View file

@ -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 = "";