From 46b3e66cd4dc88b16a8fc5eb39270b642c7aeae5 Mon Sep 17 00:00:00 2001
From: trisua <me@trisua.com>
Date: Mon, 11 Aug 2025 12:32:37 -0400
Subject: [PATCH] fix: media gallery in apple internet explorer

---
 crates/app/src/public/css/style.css                  | 4 +++-
 crates/app/src/public/html/communities/settings.lisp | 9 ++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/crates/app/src/public/css/style.css b/crates/app/src/public/css/style.css
index 4266a74..1b14eb4 100644
--- a/crates/app/src/public/css/style.css
+++ b/crates/app/src/public/css/style.css
@@ -12,7 +12,9 @@
 
 @media screen and (max-width: 900px) {
     .media_gallery {
-        grid-auto-flow: row dense;
+        /* grid-auto-flow: row dense; */ /* safari is the most shit browser ever dude, this property causes safari to make images overlap for lord knows why */
+        display: flex;
+        flex-direction: column;
     }
 }
 
diff --git a/crates/app/src/public/html/communities/settings.lisp b/crates/app/src/public/html/communities/settings.lisp
index 7245a87..1dfbc7f 100644
--- a/crates/app/src/public/html/communities/settings.lisp
+++ b/crates/app/src/public/html/communities/settings.lisp
@@ -1,7 +1,6 @@
 (text "{% extends \"root.html\" %} {% block head %}")
 (title
     (text "Community settings - {{ config.name }}"))
-
 (text "{% endblock %} {% block body %} {{ macros::nav() }}")
 (main
     ("class" "flex flex_col gap_2")
@@ -447,7 +446,7 @@
                     (text "{{ text \"communities:label.upload\" }}")))
             (form
                 ("class" "card flex flex_col gap_2")
-                ("onsubmit" "upload_emoji(event)")
+                ("onsubmit" "create_emoji_from_form(event)")
                 (div
                     ("class" "flex flex_col gap_1")
                     (label
@@ -505,7 +504,7 @@
                         (text "{{ text \"stacks:label.remove\" }}")))))
         (text "{% endfor %}"))
     (script
-        (text "globalThis.upload_emoji = (e) => {
+        (text "globalThis.create_emoji_from_form = (e) => {
             e.preventDefault();
             e.target.querySelector(\"button\").style.display = \"none\";
 
@@ -524,6 +523,10 @@
                     ]);
 
                     e.target.querySelector(\"button\").removeAttribute(\"style\");
+
+                    if (res.ok) {
+                        e.target.reset();
+                    }
                 });
 
             alert(\"Emoji upload in progress. Please wait!\");