Fix images overlaying AI assistant modal (#1240)

josh-wong · web-flow · commit 65bf57790f9d · 2025-05-23T15:41:39.000+09:00
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -362,8 +362,13 @@ html[data-theme="dark"] .container img[src$=".png"] { /* Adds a white background
   background-color: #ffffff;
 }
 
+img[class^="img_"] { /* Ensure doc images are always behind overlays and dropdowns. */
+  position: relative;
+  z-index: 1 !important;
+}
+
 .medium-zoom-overlay {
-  z-index: 15;
+  z-index: 1;
   position: fixed;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -362,8 +362,13 @@ html[data-theme="dark"] .container img[src$=".png"] { /* Adds a white background`
`362`	`362`	`background-color: #ffffff;`
`363`	`363`	`}`
`364`	`364`
	`365`	`+img[class^="img_"] { /* Ensure doc images are always behind overlays and dropdowns. */`
	`366`	`+ position: relative;`
	`367`	`+ z-index: 1 !important;`
	`368`	`+}`
	`369`	`+`
`365`	`370`	`.medium-zoom-overlay {`
`366`		`- z-index: 15;`
	`371`	`+ z-index: 1;`
`367`	`372`	`position: fixed;`
`368`	`373`	`}`
`369`	`374`