Contact page: layout keeps the heading's row tight, one-line previews in the admin list
- CI / Typecheck and bundlesuccess
- CI / Unit tests (1/2)success
- CI / Unit tests (2/2)success
- End-to-end / End-to-end (agent reviews, tasks, Today)success
- End-to-end / End-to-end (git, PRs, Actions)success
- End-to-end / End-to-end (large pushes)success
- End-to-end / End-to-end (passkeys, registry, email)success
- End-to-end / End-to-end (real histories)success
- End-to-end / End-to-end (runner Docker)success
- End-to-end / End-to-end (security)success
2 files changed+4−2
modifiedapps/diffinery/src/web/assets.ts+2−0View file
| @@ -328,6 +328,8 @@ | ||
| 328 | 328 | .ea-av.lg{width:48px;height:48px;font-size:20px} |
| 329 | 329 | .ea-use{margin-top:6px;color:var(--fg);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} |
| 330 | 330 | .ea-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end} |
| 331 | +/* The contact form (web/contact.tsx): its card is taller than the heading, so the heading's row keeps its own height. */ | |
| 332 | +@media (min-width:901px){.ea.ct{grid-template-rows:auto 1fr}} | |
| 331 | 333 | @media (max-width:900px){.ea{grid-template-columns:1fr;grid-template-areas:"head" "card" "more";row-gap:24px;margin-top:24px}.ea h1{font-size:28px}.ea-list>li{flex-wrap:wrap}.ea-actions{width:100%;justify-content:flex-start;padding-left:42px}} |
| 332 | 334 | .stats{display:flex;gap:18px;flex-wrap:wrap;color:var(--fg2);font-size:13px} |
| 333 | 335 | .stats b{color:var(--fg)} |
modifiedapps/diffinery/src/web/contact.tsx+2−2View file
| @@ -93,7 +93,7 @@ | ||
| 93 | 93 | description: "Write to the people who run this Diffinery instance: questions, help with your account, running your own Diffinery, partnerships, press and privacy requests.", |
| 94 | 94 | jsonLd: [{ "@type": "ContactPage", "@id": `${origin}/contact#webpage`, url: `${origin}/contact`, name: "Contact the Diffinery team", isPartOf: { "@id": `${origin}/#website` }, about: { "@id": `${origin}/#organization` }, inLanguage: "en" }], |
| 95 | 95 | }, |
| 96 | - <div class="ea"> | |
| 96 | + <div class="ea ct"> | |
| 97 | 97 | <section class="ea-head"> |
| 98 | 98 | <span class="ea-eyebrow">{raw(ICONS.envelope)} Contact</span> |
| 99 | 99 | <h1>Contact us</h1> |
| @@ -444,7 +444,7 @@ | ||
| 444 | 444 | </> |
| 445 | 445 | ) : null} |
| 446 | 446 | </div> |
| 447 | - <div class="ea-use">{m.message}</div> | |
| 447 | + <div class="ea-use">{m.message.replace(/\s+/g, " ")}</div> | |
| 448 | 448 | </div> |
| 449 | 449 | <div class="ea-actions nowrap"> |
| 450 | 450 | <Actions m={m} t={t} back={here} /> |