stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Let pages use the full width of the content area (#100)
All checks were successful
CD / Build and push images (push) Successful in 1m6s
Details
CD / Deploy to Test (push) Successful in 10s
Details
CD / Smoke tests against Test (push) Successful in 1m11s
Details
CD / Promote to Int (push) Successful in 10s
Details
CI / Lint, typecheck, test (push) Successful in 3m31s
Details
CI / Build container images (push) Has been skipped
Details
CI / Auth e2e pack (push) Successful in 5m30s
Details
CI / Import/export fidelity gate (push) Successful in 46s
Details

Browse Source 
- drop the 48rem cap on .editor-page (view and edit mode); the public
  read view keeps its own narrow reading layout
- min-width: 0 on .app-body — as a grid item it defaulted to a
  min-content minimum, which pushed the whole app wider than the
  viewport once the cap was gone
- .editor-page__header wraps so the action buttons never force
  horizontal page scrolling (interim until #101 moves them to the TopBar)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EwZ4jR4KFAPvpjWevfUGX1
This commit is contained in:
Claude Fable 5 2026-07-12 04:24:22 +02:00
parent 6c4f37ef91
commit 49e4377764
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/styles/base.css
View File

@ -60,6 +60,9 @@ button {
.app-body { .app-body {
display: flex; display: flex;
min-height: 0; min-height: 0;
/* Grid items default to a min-content minimum; without this the row can
force the whole app wider than the viewport (issue #100). */
min-width: 0;
} }
.topbar { .topbar {
@ -600,14 +603,15 @@ button {
gap: var(--space-4); gap: var(--space-4);
} }
/* Page editor (issue #25) */ /* Page editor (issue #25). Fills the content area — no width cap (issue
#100); the public read view keeps its own narrow reading layout. */
.editor-page { .editor-page {
max-width: 48rem; min-width: 0;
margin: 0 auto;
} }
.editor-page__header { .editor-page__header {
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
gap: var(--space-4); gap: var(--space-4);
margin-bottom: var(--space-4); margin-bottom: var(--space-4);