eink: disable all shadows in E-Ink mode (#2354)

apps/readest-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.9.90",
+  "version": "0.9.91",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev --turbopack",

apps/readest-app/src/hooks/useEinkMode.ts

@@ -7,6 +7,7 @@ export const useEinkMode = () => {
     } else {
       document.body.classList.remove('no-transitions');
     }
+    document.documentElement.setAttribute('data-eink', isEink.toString());
   }, []);
 
   return { applyEinkMode };

apps/readest-app/src/styles/globals.css

@@ -412,6 +412,10 @@ foliate-view {
   animation: spin-counterclockwise 1s linear;
 }
 
+[data-eink="true"] [class*="shadow-"] {
+  box-shadow: none !important;
+}
+
 .no-transitions * {
-    transition: none !important;
+  transition: none !important;
 }

apps/readest-app/src/utils/style.ts

@@ -391,6 +391,8 @@ export const getFootnoteStyles = () => `
   }
 
   a:any-link {
+    cursor: default;
+    pointer-events: none;
     text-decoration: none;
     padding: unset;
     margin: unset;