fix: remove cursor: zoom-in style for HTML exporting

zhaoshengblog · Mar 22, 2022 · e7a2a99 · e7a2a99
1 parent 07f05dd
commit e7a2a99
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/renderer/components/Preview.vue b/src/renderer/components/Preview.vue
@@ -608,11 +608,15 @@ export default defineComponent({
       border-bottom: 1px solid;
     }
 
+    img {
+      --skip-contain: 1;
+      cursor: zoom-in;
+    }
+
     img {
       display: block;
       margin-left: auto;
       margin-right: auto;
-      cursor: zoom-in;
 
       &.inline,
       &[src*=".inline"],

diff --git a/src/renderer/services/view.ts b/src/renderer/services/view.ts
@@ -84,6 +84,11 @@ export function getPreviewStyles () {
         rule.selectorText.includes('.markdown-body') ||
         rule.selectorText.startsWith('.katex')
       )) {
+        // skip contain rules
+        if (rule?.style?.getPropertyValue('--skip-contain')) {
+          return
+        }
+
         styles += rule.cssText.replace(/\.markdown-view /g, '') + '\n'
       }
     })