fixed #82

mienaiyami · Mar 29, 2023 · 8c74bb2 · 8c74bb2
1 parent 5b8ec55
commit 8c74bb2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/src/Components/LocationListItem.tsx b/src/Components/LocationListItem.tsx
@@ -32,7 +32,7 @@ const LocationListItem = ({
                 appSettings.baseDir
         ) {
             openInReader(link);
-        } else if ([".zip", ".cbz"].includes(window.path.extname(name))) {
+        } else if (name.includes("[ZIP file]") || name.includes("[CBZ file]")) {
             openInReader(link);
         } else setCurrentLink(link);
     };

diff --git a/src/Components/ReaderSettings.tsx b/src/Components/ReaderSettings.tsx
@@ -196,7 +196,9 @@ const ReaderSettings = ({
                                 <FontAwesomeIcon icon={faArrowsAltH} />
                             </button>
                             <button
-                                className={appSettings.readerSettings.fitOption === 3 ? "optionSelected " : " "}
+                                className={
+                                    (appSettings.readerSettings.fitOption === 3 ? "optionSelected " : " ") + "icon"
+                                }
                                 onClick={() => {
                                     dispatch(
                                         setReaderSettings({

diff --git a/src/MainImports.ts b/src/MainImports.ts
@@ -342,7 +342,7 @@ window.themeProps = {
     "--listItem-bg-color": "ListItem BG Color",
     "--listItem-bg-color-hover": "ListItem BG Color Hovered",
     "--listItem-bg-color-read": "ListItem BG Color AlreadyRead",
-    "--listItem-bg-color-current": "ListItem BG Color",
+    "--listItem-bg-color-current": "ListItem BG Color (Current in SideList)",
     "--readerSettings-bg": "Reader Settings BG",
     "--readerSettings-toggleBtn-bg-color": "Reader Setting Toggle Button Color",
     "--readerSettings-toggleBtn-bg-color-hover": "Reader Setting Toggle Button Color Hovered",

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -163,7 +163,7 @@ body {
         background: var(--body-bg-color);
     }
 
-    label:has(input:focus){
+    label:has(input:focus) {
         box-shadow: var(--btn-color-focus) 0 0 0px 2px;
     }
 
@@ -192,7 +192,7 @@ body {
         }
     }
 
-    select  {
+    select {
         width: 100%;
         height: 100%;
         background: var(--text-input-bg);
@@ -203,11 +203,11 @@ body {
         border-radius: 3px;
         cursor: default;
         user-select: none;
-        &:focus,&:active {
+        &:focus,
+        &:active {
             outline: none;
             box-shadow: var(--btn-color-focus) 0 0 0px 2px;
         }
-
     }
     svg {
         color: var(--icon-color);
@@ -1405,7 +1405,7 @@ body {
                 // --btn-size: 70px;
                 --extender-size: 60px;
                 position: absolute;
-                color: var(--icon-color);
+                color: var(--font-color);
                 background-color: var(--body-bg-color);
                 right: 10px;
                 top: 0;
@@ -1496,6 +1496,10 @@ body {
                             flex-wrap: wrap;
                             gap: 5px;
 
+                            .icon {
+                                color: var(--icon-color);
+                            }
+
                             .optionSelected {
                                 background-color: var(--btn-color-focus);
                             }