garrettmills/mtgc
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Deck list: keep tile badges from overflowing

Browse Source 
The maybeboard count moves to the footer beside "% owned", and the status
/ format / size row wraps instead of squeezing, with the size kept at the
right edge. The footer's left side truncates rather than wrapping.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Garrett Mills
2026-10-28 22:03:45 -05:00
parent 8a69ca9f73
commit 9230968b19
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles.css
View File

@@ -2902,13 +2902,22 @@ button.pull-action {
overflow: hidden;
text-overflow: ellipsis;
}
/* Wraps rather than squeezing when the tile is narrow: each item stays on one
line, and the deck size keeps to the right edge, on whichever line it lands. */
.deck-tile-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
gap: var(--space-1) var(--space-2);
font-size: var(--fs-caption);
min-height: 22px;
}
.deck-tile-meta > * {
white-space: nowrap;
}
.deck-tile-meta .deck-size {
margin-left: auto;
}
.deck-tile-meta .deck-chip,
.deck-row-stats .deck-chip {
margin-right: 0;
@@ -2916,9 +2925,16 @@ button.pull-action {
.deck-tile-foot {
display: flex;
justify-content: space-between;
gap: var(--space-2);
font-size: var(--fs-caption);
color: var(--muted);
}
.deck-tile-foot span:first-child {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.deck-tile-foot span:last-child,
.deck-row-cost {
color: var(--text);