Refine client rule delete strike animation

2026-07-11 23:57:00 +03:00
parent fbbd6e40b4
commit 87cd83f89a
4 changed files with 14 additions and 14 deletions
--- a/src/web/components/ClientOverviewPage.jsx
+++ b/src/web/components/ClientOverviewPage.jsx
@@ -391,12 +391,12 @@ function LocalRulesPanel({
                  key={rule._key}
                  style={{ viewTransitionName: rule.removing ? 'none' : rule._key }}
                  inert={rule.removing ? true : undefined}
-                  onAnimationEnd={(event) => {
-                    if (event.animationName === 'client-local-rule-leave') {
-                      onRemoveComplete(rule._key);
-                    }
-                  }}
                >
+                  <span
+                    className="client-delete-strike"
+                    aria-hidden="true"
+                    onAnimationEnd={() => onRemoveComplete(rule._key)}
+                  />
                  <button
                    className="client-local-rule-enabled"
                    type="button"