From 4d4308c46d4f7801c657cc79d2243e1a81831334 Mon Sep 17 00:00:00 2001 From: RaindropsSys Date: Fri, 27 Oct 2023 22:29:56 +0200 Subject: Updated 32 files, added 279 files, deleted 3 files and renamed 14 files (automated) --- assets/.DS_Store | Bin 10244 -> 10244 bytes assets/dark.css | 2 +- assets/default.jpg | Bin 0 -> 14485 bytes assets/icons/notes-android.svg | 1 + assets/icons/notes-connect.svg | 1 + assets/icons/notes-security.svg | 1 + assets/js/common.js | 22 ++++++++++++++++ assets/js/shortcuts.js | 26 +++++++++++++++++++ assets/logo-monochrome.svg | 54 ++++++++++++++++++++++++++++++++++++++++ assets/native.css | 4 +-- assets/shortcuts.js | 26 ------------------- assets/styles.css | 15 +++++++---- 12 files changed, 118 insertions(+), 34 deletions(-) create mode 100644 assets/default.jpg create mode 100644 assets/icons/notes-android.svg create mode 100644 assets/icons/notes-connect.svg create mode 100644 assets/icons/notes-security.svg create mode 100644 assets/js/common.js create mode 100644 assets/js/shortcuts.js create mode 100644 assets/logo-monochrome.svg delete mode 100644 assets/shortcuts.js (limited to 'assets') diff --git a/assets/.DS_Store b/assets/.DS_Store index 5cbb3b6..f70562d 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/assets/dark.css b/assets/dark.css index 8279657..a5085b1 100644 --- a/assets/dark.css +++ b/assets/dark.css @@ -60,7 +60,7 @@ color: #666 !important; } - #filter, .btn, .form-check-input, .link, .btn-close { + #filter, #search, .btn, .form-check-input, .link, .btn-close { filter: invert(1) hue-rotate(180deg); } diff --git a/assets/default.jpg b/assets/default.jpg new file mode 100644 index 0000000..6e8e91e Binary files /dev/null and b/assets/default.jpg differ diff --git a/assets/icons/notes-android.svg b/assets/icons/notes-android.svg new file mode 100644 index 0000000..9e6fc98 --- /dev/null +++ b/assets/icons/notes-android.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/notes-connect.svg b/assets/icons/notes-connect.svg new file mode 100644 index 0000000..86c57b5 --- /dev/null +++ b/assets/icons/notes-connect.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/notes-security.svg b/assets/icons/notes-security.svg new file mode 100644 index 0000000..7ffcfec --- /dev/null +++ b/assets/icons/notes-security.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/js/common.js b/assets/js/common.js new file mode 100644 index 0000000..4668316 --- /dev/null +++ b/assets/js/common.js @@ -0,0 +1,22 @@ +let style = document.createElement("style"); + +if (window.MistAndroid) { + style.innerHTML = + `:root { + --android-navigation-bar: ${window.MistAndroid.getNavigationBarHeight()}px; + --android-status-bar: ${window.MistAndroid.getStatusBarHeight()}px; + }`; +} else { + style.innerHTML = + `:root { + --android-navigation-bar: 0px; + --android-status-bar: 0px; + }`; +} + +document.head.append(style); + +if (navigator.userAgent.includes("MistNative/darwin") || navigator.userAgent.includes("MistNative/win32")) { + document.getElementById("native-css").disabled = false; + document.body.classList.remove("crossplatform"); +} \ No newline at end of file diff --git a/assets/js/shortcuts.js b/assets/js/shortcuts.js new file mode 100644 index 0000000..2fa48ca --- /dev/null +++ b/assets/js/shortcuts.js @@ -0,0 +1,26 @@ +document.onkeydown = (e) => { + + if ((e.metaKey || e.ctrlKey) && e.key === ".") { + e.preventDefault(); + window.parent.stop(); + return false; + } + + if ((e.metaKey || e.ctrlKey) && e.key === "ArrowRight") { + e.preventDefault(); + window.parent.next(); + return false; + } + + if ((e.metaKey || e.ctrlKey) && e.key === "ArrowLeft") { + e.preventDefault(); + window.parent.previous(); + return false; + } + + if (e.key === " " && e.target.tagName !== "INPUT") { + e.preventDefault(); + window.parent.playPause(); + return false; + } +} \ No newline at end of file diff --git a/assets/logo-monochrome.svg b/assets/logo-monochrome.svg new file mode 100644 index 0000000..94da325 --- /dev/null +++ b/assets/logo-monochrome.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/native.css b/assets/native.css index 3e361ca..79260eb 100644 --- a/assets/native.css +++ b/assets/native.css @@ -13,7 +13,7 @@ body.navigation-body { display: none !important; } -#filter, .list-group-item { +#filter, #search, .list-group-item { background-color: rgba(255, 255, 255, .25) !important; } @@ -33,7 +33,7 @@ body.navigation-body { display: none !important; } - #filter, .list-group-item { + #filter, #search, .list-group-item { background-color: rgba(0, 0, 0, .25) !important; } } diff --git a/assets/shortcuts.js b/assets/shortcuts.js deleted file mode 100644 index 2fa48ca..0000000 --- a/assets/shortcuts.js +++ /dev/null @@ -1,26 +0,0 @@ -document.onkeydown = (e) => { - - if ((e.metaKey || e.ctrlKey) && e.key === ".") { - e.preventDefault(); - window.parent.stop(); - return false; - } - - if ((e.metaKey || e.ctrlKey) && e.key === "ArrowRight") { - e.preventDefault(); - window.parent.next(); - return false; - } - - if ((e.metaKey || e.ctrlKey) && e.key === "ArrowLeft") { - e.preventDefault(); - window.parent.previous(); - return false; - } - - if (e.key === " " && e.target.tagName !== "INPUT") { - e.preventDefault(); - window.parent.playPause(); - return false; - } -} \ No newline at end of file diff --git a/assets/styles.css b/assets/styles.css index 100ea0d..a409a09 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -169,7 +169,7 @@ iframe { #navigation { position: fixed !important; top: unset !important; - bottom: 0 !important; + bottom: var(--android-navigation-bar) !important; left: 0 !important; right: 0 !important; width: 100vw !important; @@ -180,7 +180,7 @@ iframe { iframe#player { position: fixed !important; top: unset !important; - bottom: 48px !important; + bottom: calc(48px + var(--android-navigation-bar)) !important; left: 0 !important; right: 0 !important; width: 100vw !important; @@ -245,12 +245,12 @@ iframe { } #ui, #lyrics-page { - top: 0 !important; - bottom: 97px !important; + top: var(--android-status-bar) !important; + bottom: calc(97px + var(--android-navigation-bar)) !important; left: 0 !important; right: 0 !important; width: 100vw !important; - height: calc(100vh - 97px) !important; + height: calc(100vh - 97px - var(--android-navigation-bar) - var(--android-status-bar)) !important; } iframe#lyrics-page { @@ -445,4 +445,9 @@ iframe { body.web { background-color: white; +} + +.modal-dialog { + margin-top: calc(1.75rem + var(--android-status-bar)); + margin-bottom: calc(1.75rem + var(--android-navigation-bar)); } \ No newline at end of file -- cgit