Fix PS card blank-body bug: table class cards collided with .cards display:grid (gap-cards) — grid-on-a-table collapses rows to zero height. Renamed to ps-tbl + smoke guard (smoke 88->90)
This commit is contained in:
1 parent
3981b9bc26
commit
9945e46dec
3 files changed
+10
-5
No files matched your search
+6
-4
@@ -155,10 +155,12 @@ input[type=range]{width:100%;accent-color:var(--blue)}
|
||||
.tbl-wrap{overflow:auto;max-height:340px;border:1px solid var(--line);border-radius:8px;margin-top:8px}
|
||||
table{border-collapse:collapse;font-size:12.5px;width:100%}
|
||||
th,td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
|
||||
/* Card-style 2-col breakdown tables (PS pension card): wrap text, fixed layout → fits 320px. */
|
||||
table.cards{table-layout:fixed}
|
||||
table.cards td{white-space:normal;word-wrap:break-word;text-align:left;vertical-align:top}
|
||||
table.cards td:last-child{text-align:right}
|
||||
/* PS pension card breakdown table: wrap text, fixed layout → fits 320px.
|
||||
NOTE: class is ps-tbl, NOT cards — .cards is display:grid (gap-cards stat grid)
|
||||
and grid-on-a-table collapses the rows to zero height (invisible card body). */
|
||||
table.ps-tbl{table-layout:fixed}
|
||||
table.ps-tbl td{white-space:normal;word-wrap:break-word;text-align:left;vertical-align:top}
|
||||
table.ps-tbl td:last-child{text-align:right}
|
||||
th{position:sticky;top:0;background:var(--bg);text-align:right}
|
||||
td:first-child,th:first-child{position:sticky;left:0;background:var(--bg)}
|
||||
tr.dep td{color:var(--red)}
|
||||
|
||||
Reference in new issue
Block a user