Roster rows wrap instead of truncating the temperament
The name cell was a fixed-height nowrap/ellipsis line, clipping even plain 'archmage hunter' mid-game. The temper tag now wraps below the name as one piece and the row grows to fit. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0138A8CjeQRpvzKxuMfz1Bqc
This commit is contained in:
co-authored by
Claude Fable 5
parent
b650e1e636
commit
3323f81fba
@@ -2363,7 +2363,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
height: 1.55rem;
|
||||
min-height: 1.55rem;
|
||||
}
|
||||
.slip.creature-note { background: #e7edda; border-color: #7d8a5a; }
|
||||
.score-row.active .score-name { font-weight: 700; }
|
||||
@@ -2372,6 +2372,9 @@
|
||||
font-size: 0.85rem;
|
||||
color: #8a7a5e;
|
||||
margin-left: 0.25rem;
|
||||
/* Wraps below the name as one piece rather than truncating the row. */
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table-cards {
|
||||
display: flex;
|
||||
@@ -2393,7 +2396,7 @@
|
||||
.table-card.spell-chip { background: #ece2f2; border-color: #8a6fa0; color: #4a3260; }
|
||||
.table-card.spell-chip:hover { background: #e3d5ee; }
|
||||
.score-row.dead { opacity: 0.5; text-decoration: line-through; }
|
||||
.score-name { font-family: "Caveat", cursive; font-size: 1.25rem; line-height: 1; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.score-name { font-family: "Caveat", cursive; font-size: 1.25rem; line-height: 1; flex: 1; min-width: 0; }
|
||||
.score-life { font-family: "Caveat", cursive; font-size: 1.4rem; font-weight: 700; min-width: 1.6rem; text-align: right; }
|
||||
.score-marks { font-size: 0.75rem; color: #6b5a41; }
|
||||
.score-chest-btn {
|
||||
|
||||
Reference in New Issue
Block a user