Fix #763 image zoom conflict with external images

Author: kepano

Minimal.css

@@ -3817,16 +3817,18 @@ body {
 /* Image zoom  */
 /* MIT License | Copyright (c) Stephan Ango (@kepano) */
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content div:not(.canvas-node-content) img {
-  max-width: 100%;
   cursor: zoom-in;
 }
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content img:active {
   cursor: zoom-out;
+  max-width: 100%;
+  z-index: 900;
 }
+body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-source-view.mod-cm6 .cm-content > img[contenteditable=false]:active,
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-preview-view img[referrerpolicy=no-referrer]:active {
   background-color: var(--background-primary);
-  padding: 10px;
 }
+body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-source-view.mod-cm6 .cm-content > img[contenteditable=false]:active,
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .markdown-preview-view img[referrerpolicy=no-referrer]:active,
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type=markdown] .view-content .image-embed:not(.canvas-node-content):active {
   --container-img-width: 100%;

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "7.7.6",
+	"version": "7.7.7",
 	"minAppVersion": "1.6.1",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

src/css/main.css

@@ -3,21 +3,23 @@
 
 body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .view-content {
 	div:not(.canvas-node-content) img {
-		max-width:100%;
-		cursor:zoom-in;
+		cursor: zoom-in;
 	}
 	img:active {
-		cursor:zoom-out;
+		cursor: zoom-out;
+		max-width: 100%;
+		z-index: 900;
 	}
+	.markdown-source-view.mod-cm6 .cm-content > img[contenteditable=false]:active,
 	.markdown-preview-view img[referrerpolicy='no-referrer']:active {
-		background-color:var(--background-primary);
-		padding:10px;
+		background-color: var(--background-primary);
 	}
+	.markdown-source-view.mod-cm6 .cm-content > img[contenteditable=false]:active,
 	.markdown-preview-view img[referrerpolicy='no-referrer']:active,
 	.image-embed:not(.canvas-node-content):active {
 		--container-img-width: 100%;
 		--container-img-max-width: 100%;
-		aspect-ratio:unset;
+		aspect-ratio: unset;
 		cursor:zoom-out;
 		display:block;
 		z-index:200;
@@ -61,7 +63,6 @@ body:not(.zoom-off):not(.is-mobile) .workspace-leaf-content[data-type="markdown"
 		position:absolute;
 		opacity:1;
 	}
-
 	.markdown-source-view.mod-cm6 .cm-content > [contenteditable=false]:has(.image-embed:not(.canvas-node-content):active) {
 		contain: unset !important;
 	}