mirror of
https://github.com/thiloho/archtika.git
synced 2025-11-22 10:51:36 +01:00
Prevent overflows for sidebars
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user