alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show both KNOCKED and LOW SCORE badges when knocker wins hole

Browse Source 
Also fix opponent areas shifting between rows on mobile by giving them
a fixed 120px width so name/score changes don't cause reflow.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 13:54:18 -05:00
parent 94e2bdaaa7
commit b4e9390f16
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/app.js
View File

@ -1705,7 +1705,8 @@ class GolfGame {
// Badge
let badge = '';
if (isKnocker) badge = '<span class="ss-badge ss-badge-knock">KNOCKED</span>';
if (isKnocker && isLowScore) badge = '<span class="ss-badge ss-badge-knock">KNOCKED</span><span class="ss-badge ss-badge-low">LOW SCORE</span>';
else if (isKnocker) badge = '<span class="ss-badge ss-badge-knock">KNOCKED</span>';
else if (isLowScore) badge = '<span class="ss-badge ss-badge-low">LOW SCORE</span>';
// Build columns

5
client/style.css
View File

@ -5061,6 +5061,8 @@ body.mobile-portrait .opponent-area {
padding: 3px 4px 4px;
border-radius: 6px;
min-width: 0;
flex: 0 0 auto;
width: 120px;
position: relative;
overflow: visible;
}
@ -5078,9 +5080,10 @@ body.mobile-portrait .opponent-area h4 {
font-size: 0.85rem;
margin: 0 0 2px 0;
padding: 2px 4px;
max-width: 120px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
body.mobile-portrait .opponent-area .card-grid {