openvibers/openvibe.mediahub Commits

Phone table cards ignore a table minimum width (#237)

OP OpenVibers committed 12 days ago · e961692bd9 · 1 file, +1 −1

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex e95e7c4..352c0d7 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -75,7 +75,7 @@ button.sc-btn.sc-primary { border: 0; }
stay tables. Nothing is left out and nothing scrolls sideways. */
@media (max-width: 640px) {
.table-wrap:has(> table thead th:nth-child(3)) { overflow: visible; }
-- .table-wrap > table:has(thead th:nth-child(3)) { display: block; }
++ .table-wrap > table:has(thead th:nth-child(3)) { display: block; min-width: 0; }
.table-wrap > table:has(thead th:nth-child(3)) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.table-wrap > table:has(thead th:nth-child(3)) tbody { display: grid; gap: 10px; }
.table-wrap > table:has(thead th:nth-child(3)) tr { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--border, #1f2d47); border-radius: 14px; background: var(--bg-card, var(--bg-secondary, #101828)); }