Subtle chat hide function animation

Glodenox · Nov 12, 2023 · 69fce8e · 69fce8e
1 parent ed72568
commit 69fce8e
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -474,6 +474,16 @@ body.reverse-order #settings {
   align-items: center;
   justify-content: center;
   text-align: center;
+  opacity: 1;
+  animation: curtain 1s;
+}
+#curtain.hidden {
+  opacity: 0;
+}
+
+@keyframes curtain {
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 
 body.show-message-entry:not(.reverse-order) #commands {