fix: fixes pointer-events on HTML files

ghoshnirmalya · Dec 31, 2020 · 3e6c2d6 · 3e6c2d6
1 parent 6c67fda
commit 3e6c2d6
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 40 deletions.
diff --git a/packages/builder/components/pages/index/content-area/preview-iframe/iframe.tsx b/packages/builder/components/pages/index/content-area/preview-iframe/iframe.tsx
@@ -1,4 +1,3 @@
-import { Box } from "@chakra-ui/react";
 import FeaturesSectionView from "components/views/sections/features";
 import FooterSectionView from "components/views/sections/footer";
 import HeroSectionView from "components/views/sections/hero";
@@ -101,27 +100,22 @@ const Iframe: FC<IProps> = ({ pageId, page }) => {
       style={{
         width: "100%",
         height: "100%",
+        pointerEvents: "none",
       }}
       initialContent='
-    <!DOCTYPE html>
-      <html>
-        <head>
-          <link
-            href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
-            rel="stylesheet"
-          />
-          <style>
-            a {
-              pointer-events: none;
-              transition: none;
-            }
-          </style>
-        </head>
-        <body>
-          <div></div>
-        </body>
-      </html>
-    '
+        <!DOCTYPE html>
+          <html>
+            <head>
+              <link
+                href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
+                rel="stylesheet"
+              />
+            </head>
+            <body>
+              <div></div>
+            </body>
+          </html>
+      '
     >
       <FrameContextConsumer>
         {() => viewNode(page.template)}

diff --git a/packages/builder/data/sections/footer.ts b/packages/builder/data/sections/footer.ts
@@ -11,11 +11,11 @@ const footerSectionData = (mode: "light" | "dark") => ({
     links: [
       {
         label: "Home",
-        link: "/index.html",
+        link: "index.html",
       },
       {
         label: "About",
-        link: "/about.html",
+        link: "about.html",
       },
     ],
   },

diff --git a/packages/builder/data/sections/navbar.ts b/packages/builder/data/sections/navbar.ts
@@ -12,11 +12,11 @@ const navbarSectionData = (mode: "light" | "dark") => ({
     links: [
       {
         label: "Home",
-        link: "/index.html",
+        link: "index.html",
       },
       {
         label: "About",
-        link: "/about.html",
+        link: "about.html",
       },
     ],
   },

diff --git a/packages/builder/data/site/dark.ts b/packages/builder/data/site/dark.ts
@@ -26,11 +26,11 @@ const darkModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -166,11 +166,11 @@ const darkModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -201,11 +201,11 @@ const darkModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -246,11 +246,11 @@ const darkModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },

diff --git a/packages/builder/data/site/light.ts b/packages/builder/data/site/light.ts
@@ -26,11 +26,11 @@ const lightModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -166,11 +166,11 @@ const lightModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -201,11 +201,11 @@ const lightModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },
@@ -246,11 +246,11 @@ const lightModeSiteData = {
               links: [
                 {
                   label: "Home",
-                  link: "/index.html",
+                  link: "index.html",
                 },
                 {
                   label: "About",
-                  link: "/about.html",
+                  link: "about.html",
                 },
               ],
             },