Scarriffle/fuesse-sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Score-Bump gleitet nicht mehr über das Wanted-Plakat

Browse Source 
.score-box streckte sich (Flex-stretch) über die volle Breite; die Bump-Skalierung
von der Mitte schob die linke Kante übers Plakat. Jetzt align-self:flex-start
(inhaltsbreit) + transform-origin:left -> Animation wächst nach rechts.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-05 12:51:29 +02:00
parent 221cba417f
commit f5294144af
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/style.css
View File

@@ -83,7 +83,7 @@ button { font-family: inherit; cursor: pointer; }
.wanted-reward { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
#hud-right { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.score-box { font-size: 20px; font-weight: 800; color: var(--ink); }
.score-box { font-size: 20px; font-weight: 800; color: var(--ink); align-self: flex-start; transform-origin: left center; }
.score-box #score { color: var(--pink-soft); }
.score-box.bump { animation: bump 0.28s ease; }
@keyframes bump { 0% { transform: scale(1); } 40% { transform: scale(1.35); color: var(--ok); } 100% { transform: scale(1); } }