fix: hide desktop table-toolbar on mobile + fix sparkline overflow (#16)
- Add .table-toolbar to mobile hide list (was rendering duplicate 'TRACKED PLAYERS' header above the mobile section-head) - Change .m-card__body grid to minmax(0, 1fr) auto so the stats column can shrink below content size - Add min-width: 0 to .m-card__stats for proper grid shrinking - Remove grid-row: span 2 from .m-card__sparkline (single-row grid) - Remove overflow: visible from .m-chart-spark so the end-dot stays within the SVG viewport
This commit is contained in:
@@ -24,6 +24,7 @@
|
|||||||
.kpi-strip { display: none !important; }
|
.kpi-strip { display: none !important; }
|
||||||
.add-bar { display: none !important; }
|
.add-bar { display: none !important; }
|
||||||
.footnote { display: none !important; }
|
.footnote { display: none !important; }
|
||||||
|
.table-toolbar { display: none !important; }
|
||||||
|
|
||||||
/* Hide desktop search card on mobile (mobile has .m-search-input instead) */
|
/* Hide desktop search card on mobile (mobile has .m-search-input instead) */
|
||||||
.card-section { display: none; }
|
.card-section { display: none; }
|
||||||
@@ -345,7 +346,7 @@
|
|||||||
|
|
||||||
.m-card__body {
|
.m-card__body {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr auto;
|
grid-template-columns: minmax(0, 1fr) auto;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
@@ -355,6 +356,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-stat-row {
|
.m-stat-row {
|
||||||
@@ -396,13 +398,12 @@
|
|||||||
.m-card__sparkline {
|
.m-card__sparkline {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: flex-end;
|
||||||
grid-row: span 2;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-chart-spark {
|
.m-chart-spark {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: visible;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── Player card expand panel ───────────────────── */
|
/* ── Player card expand panel ───────────────────── */
|
||||||
|
|||||||
Reference in New Issue
Block a user