aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-08-13 14:19:08 -0700
committerAdam Soltys <[email protected]>2026-08-13 14:19:08 -0700
commitd2d66a2031704cc37f12053949fdd347dbf28743 (patch)
treed3ddbc810ab63d3dadf5d9827988646be324157b /src/style.css
parent6eefc98ffe5abc2004685a7696d4eec0eef44c20 (diff)
downloadcoinosv3-d2d66a2031704cc37f12053949fdd347dbf28743.tar.gz
coinosv3-d2d66a2031704cc37f12053949fdd347dbf28743.zip
A passphrase is typed twice, while the field to fix it is still on screen; the tour stops flickering under a busy first scan and finds the balance card it lost
Co-Authored-By: Claude Fable 5 <[email protected]>
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css5
1 files changed, 3 insertions, 2 deletions
diff --git a/src/style.css b/src/style.css
index 9e0e1bd..f416669 100644
--- a/src/style.css
+++ b/src/style.css
@@ -530,7 +530,7 @@ body::after {
}
@media (prefers-reduced-motion: reduce) {
- .anim-page, .anim-menu, .anim-unfold, .anim-tab-left, .anim-tab-right, .amt-flash, .check-badge { animation: none !important; }
+ .anim-page, .anim-menu, .anim-unfold, .anim-tab-left, .anim-tab-right, .anim-tour, .amt-flash, .check-badge { animation: none !important; }
*, *::before, *::after { transition-duration: .01ms !important; }
}
/* tab carousel: only the content pane moves, with a soft cross-fade */
@@ -568,7 +568,8 @@ body::after {
.onb-confetti i:nth-child(15) { left: 15%; animation-delay: .8s; } .onb-confetti i:nth-child(16) { left: 45%; animation-delay: .9s; }
.onb-confetti i:nth-child(17) { left: 70%; animation-delay: 1s; } .onb-confetti i:nth-child(18) { left: 30%; animation-delay: 1.1s; }
@keyframes confetti-fall { 0% { transform: translateY(-10px) rotate(0); } 100% { transform: translateY(105vh) rotate(560deg); } }
-.tour-overlay { position: fixed; inset: 0; z-index: 80; background: rgba(0, 0, 0, .45); animation: rise-in .25s both; }
+.tour-overlay { position: fixed; inset: 0; z-index: 80; background: rgba(0, 0, 0, .45); }
+.anim-tour { animation: rise-in .25s both; }
.tour-ring { position: fixed; border-radius: 14px; box-shadow: 0 0 0 3px #f7931a, 0 0 0 9999px rgba(0, 0, 0, .45); background: transparent; }
.tour-overlay { background: transparent; }
.tour-card { position: fixed; left: 50%; transform: translateX(-50%); width: min(90vw, 360px); background: var(--paper); color: var(--ink); border: 1px solid var(--line-strong); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); z-index: 81; }