From d8631bc63a2fa7bc690f3d089310393888e535bb Mon Sep 17 00:00:00 2001 From: Ignace Date: Sun, 9 Aug 2026 17:29:58 +0200 Subject: [PATCH] avoid text selection on long press --- static/app.css | 1 + 1 file changed, 1 insertion(+) diff --git a/static/app.css b/static/app.css index 26801ef..26796c5 100644 --- a/static/app.css +++ b/static/app.css @@ -3,6 +3,7 @@ body { margin: 0; background: #080a0f; color: #f7f8fc; } .dashboard { min-height: 100vh; min-height: 100dvh; padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); } .button-grid { height: calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom))); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 12px; } +.group-button, .group-button * { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .group-button { appearance: none; border: 1px solid #252a36; border-radius: 20px; background: linear-gradient(145deg, #1a1e28, #10131b); color: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font: inherit; font-size: clamp(1.05rem, 5vw, 1.5rem); font-weight: 650; letter-spacing: -.02em; touch-action: manipulation; transition: transform .12s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; } .group-button small { color: #8c94a6; font-size: .76rem; font-weight: 600; line-height: 1.2; text-align: center; } .group-button.is-on { border-color: #3196ff; box-shadow: 0 0 0 2px #1677d8, 0 0 20px #1264ba55; }