6bdd573e4ea84c8c9c2912a46f16a0b788d02daf
- Author
- TheEdgeOfRage <git@theedgeofrage.com>
- Committer
- TheEdgeOfRage <git@theedgeofrage.com>
- Date
Message
Autofocus next song button on web
Diff
1diff --git a/web/static/style.css b/web/static/style.css
2index 1fe709ea0fd0901c009710e2e993c897cec8743a..899f3ab3be79ae9d9f1c8127d3059ddb4fd26e10 100644
3--- a/web/static/style.css
4+++ b/web/static/style.css
5@@ -107,6 +107,10 @@ button {
6
7 button:hover { filter: brightness(1.08); }
8 button:active { transform: translateY(1px); }
9+button:focus {
10+ outline: none;
11+ box-shadow: 0 0 0 3px rgba(224, 164, 88, 0.45);
12+}
13
14 /* Result */
15 .result { display: flex; flex-direction: column; gap: 16px; margin-bottom: 18px; }
16diff --git a/web/templates/result.html b/web/templates/result.html
17index a58528f3be472e0cad8de820c51d0dcd9958c927..4b6903563eb6da9dc5c981079d50efd5bf7e7c72 100644
18--- a/web/templates/result.html
19+++ b/web/templates/result.html
20@@ -16,5 +16,5 @@
21
22 {{define "result"}}
23 {{template "resultBody" .}}
24-<button hx-get="/next" hx-target="#game" hx-swap="innerHTML">Next song</button>
25+<button autofocus hx-get="/next" hx-target="#game" hx-swap="innerHTML">Next song</button>
26 {{end}}