Hide notification pane before page has fully loaded (#202)

anorthall · Oct 29, 2023 · 15055c9 · 15055c9
1 parent f93e767
commit 15055c9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/static/css/core.css b/app/static/css/core.css
@@ -234,6 +234,8 @@ body {
   cursor: pointer;
 }
 
+[x-cloak] { display: none !important; }
+
 .htmx-request {
   opacity: 0.5;
   transition: opacity 300ms linear;

diff --git a/app/templates/base.html b/app/templates/base.html
@@ -43,7 +43,7 @@
                     {% endif %}
                   </span>
                 </a>
-                <div class="notification-dropdown shadow-lg border border-2 bg-light" x-show="open" @click.outside="open = false" x-transition>
+                <div class="notification-dropdown shadow-lg border border-2 bg-light" x-show="open" @click.outside="open = false" x-cloak x-transition>
                   <div class="item title my-0">
                     Notifications
                   </div>