openvibers/openvibe.rent Commits
Phone table cards ignore a table minimum width (#176)
Changes
@@@ -98,7 +98,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)); }@@@ -110,3 +110,6 @@ button.sc-btn.sc-primary { border: 0; }/* A sign-in prompt: the sentence, then the button under it (2026-11-01). */.notice.signin-prompt { display: grid; gap: 12px; justify-items: start; }.notice.signin-prompt p { margin: 0; }++++/* The rent trend line is drawn 320 wide; on a 320 px phone its box overran the gutter (2026-11-01). */++svg.rent-trend { max-width: 100%; height: auto; }
@@ -98,7 +98,7 @@ button.sc-btn.sc-primary { border: 0; }
@@ -98,7 +98,7 @@ button.sc-btn.sc-primary { border: 0; }
stay tables. Nothing is left out and nothing scrolls sideways. */
stay tables. Nothing is left out and nothing scrolls sideways. */
@media (max-width: 640px) {
@media (max-width: 640px) {
.table-wrap:has(> table thead th:nth-child(3)) { overflow: visible; }
.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)) 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)) 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)); }
.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)); }
@@ -110,3 +110,6 @@ button.sc-btn.sc-primary { border: 0; }
@@ -110,3 +110,6 @@ button.sc-btn.sc-primary { border: 0; }
/* A sign-in prompt: the sentence, then the button under it (2026-11-01). */
/* A sign-in prompt: the sentence, then the button under it (2026-11-01). */
.notice.signin-prompt { display: grid; gap: 12px; justify-items: start; }
.notice.signin-prompt { display: grid; gap: 12px; justify-items: start; }
.notice.signin-prompt p { margin: 0; }
.notice.signin-prompt p { margin: 0; }
+
+/* The rent trend line is drawn 320 wide; on a 320 px phone its box overran the gutter (2026-11-01). */
+svg.rent-trend { max-width: 100%; height: auto; }