From 300a90409414d92c4d2423823aada52c6ef42a61 Mon Sep 17 00:00:00 2001
From: mohin7 <csemohin@gmail.com>
Date: Sun, 24 Mar 2024 21:18:51 +0600
Subject: [PATCH] Add resizeIframe function

Signed-off-by: mohin7 <csemohin@gmail.com>
---
 layouts/_default/baseof.html | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4146b37f13..42b0b4da66 100644
--- 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;"></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">