Polish subscription and server picker animations

2026-08-11 07:55:41 +03:00
parent 9a8191dc91
commit 9ad0307333
8 changed files with 247 additions and 48 deletions
@@ -638,6 +638,54 @@
  animation: none;
 }

+.client-profile-body.is-open .client-server-row {
+  animation: client-profile-server-in 420ms calc(var(--server-index) * 70ms) cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.client-profile-body.is-open .client-server-toolbar {
+  animation: client-profile-ping-in 300ms 620ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.client-profile-body.is-closing .client-server-toolbar {
+  animation: client-profile-ping-out 160ms cubic-bezier(0.4, 0, 1, 1) forwards;
+}
+
+.client-profile-body.is-closing .client-server-row {
+  animation: client-profile-server-out 300ms var(--server-exit-delay) cubic-bezier(0.4, 0, 1, 1) forwards;
+}
+
+@keyframes client-profile-server-in {
+  from {
+    opacity: 0;
+    filter: blur(4px);
+    transform: translateY(-8px);
+  }
+}
+
+@keyframes client-profile-server-out {
+  to {
+    opacity: 0;
+    filter: blur(4px);
+    transform: translateY(-8px);
+  }
+}
+
+@keyframes client-profile-ping-in {
+  from {
+    opacity: 0;
+    filter: blur(4px);
+    transform: translateY(-5px);
+  }
+}
+
+@keyframes client-profile-ping-out {
+  to {
+    opacity: 0;
+    filter: blur(4px);
+    transform: translateY(-5px);
+  }
+}
+
 .client-profile-body .client-server-row .client-server::before {
  content: '';
  width: 10px;