fix: restore admin content scrolling
This commit is contained in:
@@ -26,7 +26,6 @@
|
|||||||
import { onMount, setContext } from "svelte";
|
import { onMount, setContext } from "svelte";
|
||||||
import { fade } from "svelte/transition";
|
import { fade } from "svelte/transition";
|
||||||
import { Select } from "$components/ui/primitives.js";
|
import { Select } from "$components/ui/primitives.js";
|
||||||
import { ScrollArea } from "$components/ui/index.js";
|
|
||||||
import { AdminBadge, AdminButton } from "$components/patterns/admin/index.js";
|
import { AdminBadge, AdminButton } from "$components/patterns/admin/index.js";
|
||||||
|
|
||||||
import BrandMark from "$lib/webapp/BrandMark.svelte";
|
import BrandMark from "$lib/webapp/BrandMark.svelte";
|
||||||
@@ -761,7 +760,6 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="admin-main">
|
<main class="admin-main">
|
||||||
<ScrollArea class="admin-main-scroll" maxHeight="none">
|
|
||||||
{#key active}
|
{#key active}
|
||||||
<div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}>
|
<div class="admin-section-stage" in:fade={sectionFade} out:fade={sectionFade}>
|
||||||
{#if active === "stats"}
|
{#if active === "stats"}
|
||||||
@@ -844,7 +842,6 @@
|
|||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/key}
|
{/key}
|
||||||
</ScrollArea>
|
|
||||||
</main>
|
</main>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -348,7 +348,7 @@
|
|||||||
min-height: 0;
|
min-height: 0;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
overscroll-behavior: contain;
|
overscroll-behavior: contain;
|
||||||
overflow: hidden;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding: 24px 28px 36px;
|
padding: 24px 28px 36px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -359,14 +359,7 @@
|
|||||||
/* Flex children must NOT shrink — otherwise they collapse to fit the
|
/* Flex children must NOT shrink — otherwise they collapse to fit the
|
||||||
container and the main never overflows, breaking scroll. */
|
container and the main never overflows, breaking scroll. */
|
||||||
|
|
||||||
.admin-main-scroll {
|
.admin-main > * {
|
||||||
flex: 1 1 auto;
|
|
||||||
min-height: 0;
|
|
||||||
max-height: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-main > *,
|
|
||||||
.admin-main-scroll > .scroll-area__viewport > * {
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user