DockerFiles/quartz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): backlinks grid triage (#1447)

Browse Source 
* fix: mobile backlinks orientation

* temp: hide broken list gradient

* fix: backlinks overflow
This commit is contained in:
Emile Bangma 2024-09-30 04:24:15 +02:00 committed by GitHub
parent 8889ab63eb
commit 1416f62a47
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
quartz/components/styles/backlinks.scss
View File

@ -1,11 +1,8 @@
@use "../../styles/variables.scss" as *; @use "../../styles/variables.scss" as *;
.backlinks { .backlinks {
@media all and not ($mobile) { flex-direction: column;
overflow-y: auto; /*&:after {
display: flex;
flex-direction: column;
&:after {
pointer-events: none; pointer-events: none;
content: ""; content: "";
width: 100%; width: 100%;
@ -16,29 +13,32 @@
opacity: 1; opacity: 1;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
background: linear-gradient(transparent 0px, var(--light)); background: linear-gradient(transparent 0px, var(--light));
} }*/
& > h3 { & > h3 {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;
} }
& > ul { & > ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0.5rem 0; margin: 0.5rem 0;
& > li { & > li {
& > a { & > a {
background-color: transparent; background-color: transparent;
}
}
}
& > .overflow {
&:after {
display: none;
} }
} }
} }
& > .overflow {
&:after {
display: none;
}
height: auto;
@media all and ($desktop) {
height: 250px;
}
}
} }

4
quartz/components/styles/explorer.scss
View File

@ -9,7 +9,7 @@
display: flex; display: flex;
} }
} }
&:after { /*&:after {
pointer-events: none; pointer-events: none;
content: ""; content: "";
width: 100%; width: 100%;
@ -20,7 +20,7 @@
opacity: 1; opacity: 1;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
background: linear-gradient(transparent 0px, var(--light)); background: linear-gradient(transparent 0px, var(--light));
} }*/
} }
button#explorer { button#explorer {

4
quartz/styles/base.scss
View File

@ -554,7 +554,7 @@ ol.overflow {
& > li:last-of-type { & > li:last-of-type {
margin-bottom: 30px; margin-bottom: 30px;
} }
&:after { /*&:after {
pointer-events: none; pointer-events: none;
content: ""; content: "";
width: 100%; width: 100%;
@ -565,7 +565,7 @@ ol.overflow {
opacity: 1; opacity: 1;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
background: linear-gradient(transparent 0px, var(--light)); background: linear-gradient(transparent 0px, var(--light));
} }*/
} }
.transclude { .transclude {