artin/EmulatorJS
1
0
Fork 0
mirror of https://github.com/EmulatorJS/EmulatorJS.git synced 2026-02-06 11:17:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup consistency with about menu tabs

Browse Source
This commit is contained in:
Ethan O'Brien 2025-06-05 12:14:38 -05:00
parent 317b2542d4
commit bd20ae9029
No known key found for this signature in database
GPG Key ID: 7A6E7CCD3BD93AB1
2 changed files with 35 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
data/emulator.css
View File

@ -256,6 +256,7 @@
text-align: center;
width: 100%;
padding: 10px;
overflow-wrap: anywhere;
}
.ejs_list_selector {
@ -280,7 +281,7 @@
}
.ejs_list_selector li a {
color: #999 !important;
color: #999;
display: block;
font-size: 13px;
}
@ -305,6 +306,18 @@
color: #fff !important;
}
.ejs_active_list_element {
background: rgba(var(--ejs-primary-color), 1);
border-radius: 4px;
box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color), 0.25);
outline: 0;
color: #fff !important;
}
.ejs_active_list_element a {
color: #fff !important;
}
.ejs_svg_rotate {
transform: rotate(90deg);
}
@ -552,7 +565,7 @@
.ejs_popup_container *::after,
.ejs_popup_container *::before {
box-sizing: border-box;
color: #bcbcbc !important;
color: #bcbcbc;
-webkit-user-select: none;
-moz-user-select: none;

36
data/src/emulator.js
View File

@ -1485,7 +1485,7 @@ class EmulatorJS {
if (functi0n instanceof Function) {
this.addEventListener(li, 'click', (e) => {
e.preventDefault();
functi0n();
functi0n(li);
});
}
a.href = "#";
@ -1509,7 +1509,6 @@ class EmulatorJS {
body.appendChild(retroarch);
body.appendChild(coreLicense);
let current = home;
home.innerText = "EmulatorJS v" + this.ejs_version;
home.appendChild(this.createElement("br"));
home.appendChild(this.createElement("br"));
@ -1517,6 +1516,7 @@ class EmulatorJS {
home.classList.add("ejs_context_menu_tab");
license.classList.add("ejs_context_menu_tab");
retroarch.classList.add("ejs_context_menu_tab");
coreLicense.classList.add("ejs_context_menu_tab");
this.createLink(home, "https://github.com/EmulatorJS/EmulatorJS", "View on GitHub", true);
@ -1540,29 +1540,33 @@ class EmulatorJS {
home.appendChild(this.createElement("br"));
menu.appendChild(parent);
const setElem = (element) => {
let current = home;
const setElem = (element, li) => {
if (current === element) return;
if (current) {
current.style.display = "none";
}
let activeLi = li.parentElement.querySelector(".ejs_active_list_element");
if (activeLi) {
activeLi.classList.remove("ejs_active_list_element");
}
li.classList.add("ejs_active_list_element");
current = element;
element.style.display = "";
}
addButton("Home", false, () => {
setElem(home);
})
addButton("EmulatorJS License", false, () => {
setElem(license);
})
addButton("RetroArch License", false, () => {
setElem(retroarch);
})
addButton("Home", false, (li) => {
setElem(home, li);
}).classList.add("ejs_active_list_element");
addButton("EmulatorJS License", false, (li) => {
setElem(license, li);
});
addButton("RetroArch License", false, (li) => {
setElem(retroarch, li);
});
if (this.coreName && this.license) {
addButton(this.coreName + " License", false, () => {
setElem(coreLicense);
addButton(this.coreName + " License", false, (li) => {
setElem(coreLicense, li);
})
coreLicense.style['text-align'] = "center";
coreLicense.style['padding'] = "10px";
coreLicense.innerText = this.license;
}
//Todo - Contributors.