fix(layout): grid triage and regression ()

* fix(table of contents): multiple scrollbars (https://github.com/jackyzha0/quartz/issues/1388)

* fix(center): Main content mininum width (https://github.com/jackyzha0/quartz/issues/1439)

* fix(code block): Horizontal overflow fix (https://github.com/jackyzha0/quartz/issues/1438, https://github.com/jackyzha0/quartz/issues/1353)

* WIP fix for ul/ol .overflow

* Fix: restore former scrollbar behavior for overflow lists (https://github.com/jackyzha0/quartz/issues/1437)

* Fix: code block overflow-x

* fix: Table of Content overflow (https://github.com/jackyzha0/quartz/issues/1437)

* Address feedback

* Move max-height toggle from js to css
This commit is contained in:
Emile Bangma 2024-09-25 23:20:58 +02:00 committed by GitHub
parent 921f45cf70
commit a7a0dcad22
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 34 additions and 23 deletions
quartz/styles

View file

@ -250,6 +250,8 @@ a {
& .center,
& footer {
max-width: 100%;
min-width: 100%;
margin-left: auto;
margin-right: auto;
@media all and ($desktop) {
@ -416,7 +418,7 @@ pre {
counter-increment: line 0;
display: grid;
padding: 0.5rem 0;
overflow-x: scroll;
overflow-x: auto;
& [data-highlighted-chars] {
background-color: var(--highlight);
@ -535,12 +537,15 @@ video {
}
div:has(> .overflow) {
display: flex;
position: relative;
overflow-y: auto;
max-height: 100%;
}
ul.overflow,
ol.overflow {
max-height: 400;
max-height: 100%;
overflow-y: auto;
// clearfix
@ -550,7 +555,6 @@ ol.overflow {
& > li:last-of-type {
margin-bottom: 30px;
}
&:after {
pointer-events: none;
content: "";