From c0e411f3ab377f154f4f3b307013c7a698ec6d0a Mon Sep 17 00:00:00 2001
From: MapoMagpie <zsyjk@live.cn>
Date: Fri, 27 Sep 2024 12:11:38 +0800
Subject: [PATCH] fix: set tabindex elements outline none #91;

---
 eh-view-enhance.user.js | 4 +++-
 src/ui/html.ts          | 2 +-
 src/ui/style.ts         | 3 +++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/eh-view-enhance.user.js b/eh-view-enhance.user.js
index d2d8af5..456d927 100644
--- a/eh-view-enhance.user.js
+++ b/eh-view-enhance.user.js
@@ -7732,6 +7732,9 @@ before contentType: ${contentType}, after contentType: ${blob.type}
   position: absolute;
   right: 0.2em;
 }
+.full-view-grid, .big-img-frame {
+  outline: none !important;
+}
 .full-view-grid .img-node {
   position: relative;
 }
@@ -9038,7 +9041,6 @@ ${chapters.map((c, i) => `<div><label>
     const base = document.createElement("div");
     const dt = getDisplayText();
     base.id = "ehvp-base";
-    base.setAttribute("tabindex", "0");
     base.setAttribute("style", "all: initial");
     document.body.after(base);
     const HTML_STRINGS = `
diff --git a/src/ui/html.ts b/src/ui/html.ts
index 0e4ece1..f843e9b 100644
--- a/src/ui/html.ts
+++ b/src/ui/html.ts
@@ -19,7 +19,7 @@ export function createHTML() {
   const base = document.createElement("div");
   const dt = getDisplayText();
   base.id = "ehvp-base";
-  base.setAttribute("tabindex", "0");
+  // base.setAttribute("tabindex", "5");
   base.setAttribute("style", "all: initial");
   document.body.after(base);
   const HTML_STRINGS = `
diff --git a/src/ui/style.ts b/src/ui/style.ts
index b687985..397eca3 100644
--- a/src/ui/style.ts
+++ b/src/ui/style.ts
@@ -95,6 +95,9 @@ export function styleCSS() {
   position: absolute;
   right: 0.2em;
 }
+.full-view-grid, .big-img-frame {
+  outline: none !important;
+}
 .full-view-grid .img-node {
   position: relative;
 }