Hide upcoming event notification (#138)

Signed-off-by: mohin7 <csemohin@gmail.com>
appscode · Mar 24, 2024 · c50c31a · c50c31a
1 parent 5de98b9
commit c50c31a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 18 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -132,23 +132,27 @@
     <div class="navbar-area header--fixed">
 
       <!-- iframe for top notification  -->
-      <iframe src="/notification-top/" id="notification" frameborder="0" scrolling="no" style="width: 100%; display: flex; overflow: hidden; height: 38px;"></iframe>
+      <iframe src="/notification-top/" id="notification" frameborder="0" scrolling="no" onload="resizeIframe()" style="height: 0px; width: 100%; display: flex; overflow: hidden;"></iframe>
       <script>
-        window.addEventListener("message", receiveMessageFromIframe, false);
-
-        function receiveMessageFromIframe(event) {
-            // Check the origin of the message for security purposes
-            let baseURL = "{{$.Site.BaseURL}}"
-
-            if (baseURL.endsWith("/")) {
-              baseURL = baseURL.slice(0, -1);
-            }
-             if (event.origin !== baseURL) {
-                return;
-            }
-            const notification = document.querySelector("#notification");
-            notification.style.height = `${event.data}px`
+        function resizeIframe() {
+          var iframe = document.getElementById("notification");
+          iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
         }
+        // window.addEventListener("message", receiveMessageFromIframe, false);
+
+        // function receiveMessageFromIframe(event) {
+        //     // Check the origin of the message for security purposes
+        //     let baseURL = "{{$.Site.BaseURL}}"
+
+        //     if (baseURL.endsWith("/")) {
+        //       baseURL = baseURL.slice(0, -1);
+        //     }
+        //      if (event.origin !== baseURL) {
+        //         return;
+        //     }
+        //     const notification = document.querySelector("#notification");
+        //     notification.style.height = `${event.data}px`
+        // }
       </script>
       <!-- iframe for top notification  -->
       <div class="navbar-area navbar-fixed">

diff --git a/layouts/_default/notification_top.html b/layouts/_default/notification_top.html
@@ -19,6 +19,9 @@
       font-family: "Roboto", sans-serif;
       font-size: 14px;
     }
+    .is-hidden {
+      display: none;
+    }
     .notification-wrapper {
       background: linear-gradient(-100deg, #fb00ff, #fe0 32%, #fe4d5d 70%, #ff7900);
     }
@@ -115,11 +118,12 @@
   </style>
 </head>
 <body>
-        
-  <div class="notification-wrapper" id="notificationWrapper">
+  <!-- "is-hidden" class for hide element  -->
+  <div class="notification-wrapper is-hidden" id="notificationWrapper">
     <div class="navbar-appscode container">
       <div class="notification-top">
-        <a href="https://calendly.com/appscode/kubecon-eu-2024?text_color=1c1c1c&primary_color=00a651" target="_blank" class="left-content">
+        <!-- https://calendly.com/appscode/kubecon-eu-2024?text_color=1c1c1c&primary_color=00a651 -->
+        <a href="#" target="_blank" class="left-content">
           <span class="message">Connect with the AppsCode team at Kubecon EU: Reserve your personalized 1:1 chat now!</span>
           <button class="button">
             <span>Reserve Now</span>