mirror of
https://github.com/ZetaKebab/quartz.git
synced 2025-07-01 16:27:38 +00:00
Fix styling for narrow TOC
This commit is contained in:
@ -256,10 +256,12 @@ table {
|
|||||||
@media all and ($desktop)
|
@media all and ($desktop)
|
||||||
{
|
{
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
min-width: 300px;
|
||||||
}
|
}
|
||||||
@media all and ($maxDesktop)
|
@media all and ($maxDesktop)
|
||||||
{
|
{
|
||||||
gap: 0rem;
|
gap: 0rem;
|
||||||
|
min-width: 300px;
|
||||||
width: 370px;
|
width: 370px;
|
||||||
padding: 0 3rem;
|
padding: 0 3rem;
|
||||||
}
|
}
|
||||||
@ -348,6 +350,7 @@ table {
|
|||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
width: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@ $breakpoints: (
|
|||||||
$mobile: "(max-width: #{map.get($breakpoints, mobile)})";
|
$mobile: "(max-width: #{map.get($breakpoints, mobile)})";
|
||||||
$tablet: "(min-width: #{map.get($breakpoints, mobile)}) and (max-width: #{map.get($breakpoints, desktop)})";
|
$tablet: "(min-width: #{map.get($breakpoints, mobile)}) and (max-width: #{map.get($breakpoints, desktop)})";
|
||||||
$desktop: "(min-width: #{map.get($breakpoints, desktop)})";
|
$desktop: "(min-width: #{map.get($breakpoints, desktop)})";
|
||||||
$maxDesktop: "(min-width: 1500px)";
|
$maxDesktop: "(min-width: 1630px)";
|
||||||
|
|
||||||
$pageWidth: #{map.get($breakpoints, mobile)};
|
$pageWidth: #{map.get($breakpoints, mobile)};
|
||||||
$sidePanelWidth: 320px;
|
$sidePanelWidth: 320px;
|
||||||
|
Reference in New Issue
Block a user