wuwi/splatter-tennis
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the menu buttons opaque

Browse Source 
The translucent panel fill was invisible on the list screens, which sit on
flat ink, and wrong on the splash: the court's white lines ran straight
through STATS and RANKINGS and the buttons stopped reading as buttons.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Opus 5 committed 2026-08-04 16:30:13 +02:00
1 parent c5edc94b73
commit a5a5661534
1 file changed
+4 -1
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -1
View File
@@ -151,8 +151,11 @@
font-style: normal; letter-spacing: 1px; } font-style: normal; letter-spacing: 1px; }
.fig.bad i { color: var(--bad); } .fig.bad i { color: var(--bad); }
/* one button look for every menu screen */ /* one button look for every menu screen */
/* OPAQUE, not the translucent panel fill. On the list screens it makes no visible difference —
they sit on flat ink — but on the splash a see-through button lets the court's white lines run
straight through the lettering, and the button stops reading as a button. */
.btn { display: block; width: 100%; margin: 0 auto 10px; padding: 12px 10px; .btn { display: block; width: 100%; margin: 0 auto 10px; padding: 12px 10px;
background: var(--panel); border: 2px solid var(--line); color: var(--cream); background: var(--solid); border: 2px solid var(--line); color: var(--cream);
font: 400 12px Silkscreen, monospace; letter-spacing: 1px; cursor: pointer; font: 400 12px Silkscreen, monospace; letter-spacing: 1px; cursor: pointer;
-webkit-tap-highlight-color: transparent; } -webkit-tap-highlight-color: transparent; }
/* The generated button plates are gone with the tutorial. The primary is a flat crimson block /* The generated button plates are gone with the tutorial. The primary is a flat crimson block