From 923c209619ac56367d63917714151cf4c06dbddf Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Thu, 30 Jul 2026 15:54:09 +0300
Subject: [PATCH] fix(donate-new): give ValidAid iframe a default height

The ValidAid embed on /donate-new relied entirely on a postMessage
resize event to set its height, so it rendered at the browser's ~150px
default until that message arrived, making the form too small to use.
---
 src/pages/donate-new.astro | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/donate-new.astro b/src/pages/donate-new.astro
index 2e00369..de91ef7 100644
--- a/src/pages/donate-new.astro
+++ b/src/pages/donate-new.astro
@@ -103,7 +103,7 @@ const defaultFormId = isUK ? "form-validaid-link" : "form-qgiv-link";
                     id="validaid-iframe-event-236"
                     src="https://validaid.org/embed/event/236"
                     title="Tech for Palestine"
-                    class="w-full border-0"
+                    class="validaid-iframe w-full border-0"
                     allow="payment"></iframe>
                 </div>
               </div>
@@ -227,6 +227,10 @@ const defaultFormId = isUK ? "form-validaid-link" : "form-qgiv-link";
     height: 800px !important;
   }
 
+  .validaid-iframe {
+    height: 800px;
+  }
+
   .donate-animate {
     opacity: 0;
     translate: 0 20px;