Merge pull request #640 from allancoding/main

Fix Fullscreen Button tooltip position
This commit is contained in:
Allan Niles 2023-08-26 16:30:28 -06:00 committed by GitHub
commit 7aa5b18723
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 2 deletions

View file

@ -427,6 +427,11 @@
opacity: 1; opacity: 1;
} }
.ejs_menu_text_right {
right: 0;
left: auto !important;
}
.ejs_menu_text { .ejs_menu_text {
left: 0; left: 0;
background: rgba(255,255,255,0.9); background: rgba(255,255,255,0.9);
@ -462,6 +467,11 @@
width: 0; width: 0;
z-index: 2; z-index: 2;
} }
.ejs_menu_text_right::before {
left: auto !important;
right: 16px;
transform: translateX(50%) !important;
}
.ejs_menu_bar { .ejs_menu_bar {
padding: 15px 10px 10px; padding: 15px 10px 10px;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));

View file

@ -1409,6 +1409,7 @@ class EmulatorJS {
svg.innerHTML = image; svg.innerHTML = image;
const text = this.createElement("span"); const text = this.createElement("span");
text.innerText = this.localization(title); text.innerText = this.localization(title);
if (title == "Enter Fullscreen" || title == "Exit Fullscreen") text.classList.add("ejs_menu_text_right");
text.classList.add("ejs_menu_text"); text.classList.add("ejs_menu_text");
button.classList.add("ejs_menu_button"); button.classList.add("ejs_menu_button");

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long