Remove artificial content minimum height
This commit is contained in:
parent
ea92de93af
commit
11dc45aa93
2 changed files with 3 additions and 2 deletions
|
|
@ -93,7 +93,7 @@ button { color: inherit; }
|
|||
@keyframes refresh-spin { to { transform: rotate(360deg); } }
|
||||
|
||||
.page-surface { min-height: 0; flex: 1; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; border-radius: 36px 0 0; background: var(--surface); scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
|
||||
.content { width: min(1120px, calc(100% - 72px)); min-height: calc(100dvh - 240px); margin: 0 auto; padding: 42px 0 44px; outline: none; }
|
||||
.content { width: min(1120px, calc(100% - 72px)); margin: 0 auto; padding: 42px 0 44px; outline: none; }
|
||||
.content > :first-child { margin-top: 0; }
|
||||
.content h1 { margin: 0 0 1.5rem; font-size: clamp(2.15rem, 2.7vw, 3.35rem); font-weight: 400; line-height: 1.08; letter-spacing: -.035em; }
|
||||
.content h2 { margin: 2.5rem 0 .9rem; padding-bottom: .35rem; border-bottom: 1px solid var(--border); font-size: 1.65rem; font-weight: 500; }
|
||||
|
|
@ -133,7 +133,7 @@ button { color: inherit; }
|
|||
.desktop-main { display: block; width: 100%; height: 100%; }
|
||||
.workspace { width: 100%; height: 100%; }
|
||||
.page-surface { display: block; width: 100%; border-radius: 0; background: var(--shell); }
|
||||
.content { width: 100%; min-height: 0; padding: 52px 28px 28px; }
|
||||
.content { width: 100%; padding: 52px 28px 28px; }
|
||||
.content h1 { margin-bottom: 1.55rem; font-size: clamp(2.45rem, 12vw, 4rem); }
|
||||
.content h2 { font-size: 1.55rem; }
|
||||
.content p { font-size: 1.05rem; }
|
||||
|
|
|
|||
|
|
@ -73,6 +73,7 @@ def test_all_endpoints_and_self_contained_build(tmp_path):
|
|||
assert "100dvh" in html
|
||||
assert "100vh" not in html
|
||||
assert "html, body { width: 100%; height: 100dvh" in html
|
||||
assert "min-height: calc(100dvh - 240px)" not in html
|
||||
assert "overflow-y: auto" in html
|
||||
assert "flex: 1 1 auto; flex-direction: column" in html
|
||||
assert "elements.pageSurface.scrollTo" in html
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue