fix: click through issue

BlizzBolts · May 10, 2022 · 9ce1103 · 9ce1103
1 parent c695ee2
commit 9ce1103
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/client/components/IFrameTools/index.tsx b/src/client/components/IFrameTools/index.tsx
@@ -22,7 +22,7 @@ const IFrameTools: React.FC<IFrameToolsProps> = (props) => {
   }, [url]);
 
   return (
-    <StyledIFrameTools className="bottom-tools">
+    <StyledIFrameTools className="iframe-tools">
       {qrCodeSrc && (
         <StyledQrCode src={qrCodeSrc}>
           <div className="qrcode-wrapper">

diff --git a/src/client/components/IFrameTools/styled.ts b/src/client/components/IFrameTools/styled.ts
@@ -9,11 +9,13 @@ export const StyledIFrameTools = styled.div`
   align-items: center;
   width: 100%;
   padding: 12px;
+  pointer-events: none;
 `;
 
 export const StyledQrCode = styled.div<{ src: string }>`
   position: relative;
   margin-right: 12px;
+  pointer-events: all;
   .qrcode-wrapper {
     position: relative;
     display: flex;
@@ -36,4 +38,5 @@ export const StyledIconWrapper = styled.div`
   display: flex;
   align-items: center;
   margin-right: 12px;
+  pointer-events: all;
 `;
diff --git a/src/client/components/SandBox/styled.ts b/src/client/components/SandBox/styled.ts
@@ -1,8 +1,7 @@
-
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const StyledSandBox = styled.div`
-  :hover .bottom-tools {
+  :hover .iframe-tools {
     visibility: visible;
   }
-`
+`;