openvibers/openvibe.rent Commits

Post and report forms: their fields wear the site's theme (#271)

OP OpenVibers committed 3 days ago · b6cbb18271 · 1 file, +6 −0

Changes

ddiff --git a/public/css/app.css b/public/css/app.css
iindex e176c53..ed06422 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -63,6 +63,12 @@ form.inline { display: inline; }
.listing-price { grid-column: 2; text-align: left; }
}
++/* The site's other forms use the same .field wrapper as the search (post a listing, report one): draw their controls
++ from the same theme, or the browser paints them. Before .search-form so the search's own sizes still win. */
++.field input, .field select, .field textarea { font: inherit; width: 100%; min-width: 0; box-sizing: border-box; min-height: 40px; padding: 9px 11px; border-radius: 10px; border: 1px solid var(--border-light, #2c3d5c); background: var(--bg-secondary, #0f1729); color: var(--text-primary, #e6edf7); }
++.field textarea { resize: vertical; }
++.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent, #3b82f6) 70%, transparent); outline-offset: 1px; border-color: var(--accent, #3b82f6); }
++
/* The search: one panel, the big box first, the filters in a grid. */
.search-form { display: grid; gap: 12px; margin: 14px 0 0; padding: 18px; border-radius: 16px; border: 1px solid var(--border, #1f2d47); background: var(--bg-card, #131c2e); }
.search-form .field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }