about summary refs log tree commit diff
path: root/src/style.css
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2025-02-12 21:20:08 +0000
committerGitHub <noreply@github.com>2025-02-12 21:20:08 +0000
commitff2a82d35844081d7d7e058ffff326a73704d8cc (patch)
tree9a8f500f889071fc07ffdc8220ea076c8aa0c775 /src/style.css
parent5d3e2e14679b3d8eafdf9a563727ec46a7a370ea (diff)
downloadvoidsky-ff2a82d35844081d7d7e058ffff326a73704d8cc.tar.zst
Animate dropdown menus (#7704)
* animate dropdowns

* rm unused animation
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css6
1 files changed, 6 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 770cb5e00..dd13b13be 100644
--- a/src/style.css
+++ b/src/style.css
@@ -187,6 +187,7 @@ input:focus {
   animation: rotate 500ms linear infinite;
 }
 
+/* animations for atoms */
 @keyframes fadeIn {
   from {
     opacity: 0;
@@ -214,6 +215,11 @@ input:focus {
   }
 }
 
+/* animating radix dropdowns requires knowing the data attributes */
+.dropdown-menu-transform-origin > * {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+
 .force-no-clicks > *,
 .force-no-clicks * {
   pointer-events: none !important;