bastian/ashen-realms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): stop hunting encounter cards from collapsing to 0px height

Browse Source 
The host switched to display:grid + justify-items:center to center the
new flavor-text line under each card. Grid items size to their own
content by default, and .encounter-card has no in-flow content (every
child is absolutely positioned), so its intrinsic width collapsed to 0
-- taking the aspect-ratio-derived height down with it.

Revert the host to a plain block layout and center the flavor line with
its own margin instead of grid alignment.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JDyWTLMpKYUGMz84CKrtT8
This commit is contained in:
Bastian Wagner
2026-08-22 17:03:11 +02:00
parent 081c9f83f9
commit 8e6ec7b43c
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss
View File

@@ -1,7 +1,5 @@
:host { :host {
display: grid; display: block;
gap: 0.5rem;
justify-items: center;
} }
/* /*
@@ -200,7 +198,8 @@
wrap to a second row. */ wrap to a second row. */
.encounter-card__flavor { .encounter-card__flavor {
max-inline-size: 20rem; max-inline-size: 20rem;
margin: 0; margin-block-start: 0.5rem;
margin-inline: auto;
color: var(--ar-text-muted); color: var(--ar-text-muted);
font-family: Georgia, 'Times New Roman', serif; font-family: Georgia, 'Times New Roman', serif;
font-size: var(--ar-font-sm); font-size: var(--ar-font-sm);