From 5eec1e98e6f6b16d4a29cdbbc69c573fb06e538d Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Wed, 25 Sep 2024 22:15:07 +0000
Subject: [PATCH] fix(layout): grid triage with backlinks (#1442)
---
quartz/components/styles/backlinks.scss | 50 ++++++++++++++++++++++++++++++++++++--------------
1 files changed, 36 insertions(+), 14 deletions(-)
diff --git a/quartz/components/styles/backlinks.scss b/quartz/components/styles/backlinks.scss
index 3344a7b..36fb6a4 100644
--- a/quartz/components/styles/backlinks.scss
+++ b/quartz/components/styles/backlinks.scss
@@ -1,21 +1,43 @@
+@use "../../styles/variables.scss" as *;
+
.backlinks {
- & > h3 {
- font-size: 1rem;
- margin: 0;
- }
+ @media all and not ($mobile) {
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ &:after {
+ pointer-events: none;
+ content: "";
+ width: 100%;
+ height: 50px;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ opacity: 1;
+ transition: opacity 0.3s ease;
+ background: linear-gradient(transparent 0px, var(--light));
+ }
- & > ul {
- list-style: none;
- padding: 0;
- margin: 0;
+ & > h3 {
+ font-size: 1rem;
+ margin: 0;
+ }
- & > li {
+ & > ul {
+ list-style: none;
+ padding: 0;
margin: 0.5rem 0;
- padding: 0.25rem 1rem;
- border: var(--lightgray) 1px solid;
- border-radius: 5px;
- & > a {
- background-color: transparent;
+
+ & > li {
+ & > a {
+ background-color: transparent;
+ }
+ }
+ }
+
+ & > .overflow {
+ &:after {
+ display: none;
}
}
}
--
Gitblit v1.10.0