From 7921e87c499ab209ef13a0aa90fe2aeb2c2d6b93 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Mon, 19 Aug 2024 23:04:09 +0200
Subject: [PATCH] fix: disabled elements interrupting dpad navigation fix:
 disabled buttons not being clear enough fix: return toaster to old position
 [didint show in modals]

---
 common/App.svelte       | 2 +-
 common/css.css          | 8 ++++++++
 common/modules/click.js | 2 +-
 electron/package.json   | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/common/App.svelte b/common/App.svelte
index 936c07d..c165b99 100644
--- a/common/App.svelte
+++ b/common/App.svelte
@@ -34,8 +34,8 @@
   <ViewAnime />
   <Logout />
   <Sidebar bind:page={$page} />
+  <Toaster visibleToasts={6} position='top-right' theme='dark' richColors duration={10000} closeButton />
   <div class='overflow-hidden content-wrapper h-full z-10'>
-    <Toaster visibleToasts={6} position='top-right' theme='dark' richColors duration={10000} closeButton />
     <TorrentModal />
     <Router bind:page={$page} />
   </div>
diff --git a/common/css.css b/common/css.css
index a4b11fc..479c821 100644
--- a/common/css.css
+++ b/common/css.css
@@ -131,6 +131,10 @@ body {
   background: #000;
 }
 
+.btn:disabled {
+  opacity: 0.3 !important;
+}
+
 img {
   -webkit-user-drag: none;
 }
@@ -153,6 +157,10 @@ img[src=''], img[src=' '] {
   box-shadow: inset 0 0 0 1.5px #eee !important;
 }
 
+.btn-secondary:focus-visible {
+  box-shadow: inset 0 0 0 1.5px #000 !important;
+}
+
 .modal:focus-visible {
   box-shadow: none !important;
 }
diff --git a/common/modules/click.js b/common/modules/click.js
index 9368626..6f5bc69 100644
--- a/common/modules/click.js
+++ b/common/modules/click.js
@@ -130,7 +130,7 @@ function getDistance (anchor, relative) {
  * @returns {Element[]} - An array of keyboard-focusable elements.
  */
 function getKeyboardFocusableElements (element = document.body) {
-  return [...element.querySelectorAll('a[href], button:not([disabled]), fieldset:not([disabled]), input:not([disabled]), optgroup:not([disabled]), option:not([disabled]), select:not([disabled]), textarea:not([disabled]), details, [tabindex]:not([tabindex="-1"]), [contenteditable], [controls]')].filter(
+  return [...element.querySelectorAll('a[href], button:not([disabled]), fieldset:not([disabled]), input:not([disabled]), optgroup:not([disabled]), option:not([disabled]), select:not([disabled]), textarea:not([disabled]), details, [tabindex]:not([tabindex="-1"], [disabled]), [contenteditable], [controls]')].filter(
     el => !el.getAttribute('aria-hidden')
   )
 }
diff --git a/electron/package.json b/electron/package.json
index 8e3d101..de7ec4a 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "5.3.1",
+  "version": "5.3.4",
   "private": true,
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",