fix: display overlay div to prevent hover effects

close #3139
cheminfo · Jul 19, 2024 · 89a9c72 · 89a9c72
1 parent febaeeb
commit 89a9c72
Showing 1 changed file with 26 additions and 12 deletions.
diff --git a/src/component/elements/print/PrintContent.tsx b/src/component/elements/print/PrintContent.tsx
@@ -178,18 +178,32 @@ export function PrintContent(props: PrintFrameProps) {
     );
   }
   return (
-    <InnerPrintFrame
-      printPageOptions={pageOptions}
-      onAfterPrint={() => {
-        setPageOptions(null);
-        onAfterPrint?.();
-      }}
-      onBeforePrint={() => {
-        onBeforePrint?.();
-      }}
-    >
-      {children}
-    </InnerPrintFrame>
+    <>
+      <div
+        style={{
+          backgroundColor: 'white',
+          opacity: 0.5,
+          left: 0,
+          top: 0,
+          position: 'fixed',
+          width: '100%',
+          height: '100%',
+          zIndex: 10,
+        }}
+      />
+      <InnerPrintFrame
+        printPageOptions={pageOptions}
+        onAfterPrint={() => {
+          setPageOptions(null);
+          onAfterPrint?.();
+        }}
+        onBeforePrint={() => {
+          onBeforePrint?.();
+        }}
+      >
+        {children}
+      </InnerPrintFrame>
+    </>
   );
 }