Prevent overflows for sidebars

This commit is contained in:
thiloho
2024-08-28 18:06:21 +02:00
parent 4572b7f6ce
commit df2b11f781
2 changed files with 5 additions and 0 deletions

View File

@@ -58,6 +58,8 @@ section {
inset-inline-start: calc(50% + 37.5ch + var(--space-m)); inset-inline-start: calc(50% + 37.5ch + var(--space-m));
inset-block-start: calc(var(--space-xl) + var(--space-s)); inset-block-start: calc(var(--space-xl) + var(--space-s));
max-inline-size: 35ch; max-inline-size: 35ch;
max-block-size: calc(100vh - (var(--space-xl) + 2 * var(--space-s)));
overflow-y: auto;
padding: var(--space-s); padding: var(--space-s);
background-color: var(--bg-primary); background-color: var(--bg-primary);
border: var(--border-primary); border: var(--border-primary);

View File

@@ -51,6 +51,7 @@ label[for="toggle-sidebar"] {
block-size: calc(100vh - var(--space-xl)); block-size: calc(100vh - var(--space-xl));
background-color: var(--bg-primary); background-color: var(--bg-primary);
border-inline-end: var(--border-primary); border-inline-end: var(--border-primary);
overflow-y: auto;
} }
.docs-navigation > ul { .docs-navigation > ul {
@@ -80,6 +81,8 @@ label[for="toggle-sidebar"] {
position: fixed; position: fixed;
inset-inline-start: calc(50% + 37.5ch + var(--space-m)); inset-inline-start: calc(50% + 37.5ch + var(--space-m));
inset-block-start: calc(var(--space-xl) + var(--space-s)); inset-block-start: calc(var(--space-xl) + var(--space-s));
max-block-size: calc(100vh - (var(--space-xl) + 2 * var(--space-s)));
overflow-y: auto;
max-inline-size: 35ch; max-inline-size: 35ch;
padding: var(--space-s); padding: var(--space-s);
background-color: var(--bg-primary); background-color: var(--bg-primary);