From ef72f1bf707dca363cdab84da91e2acfaef8f276 Mon Sep 17 00:00:00 2001
From: Ammar Alakkad <am.alakkad@gmail.com>
Date: Mon, 30 Dec 2024 16:03:57 +0000
Subject: [PATCH] Fix ObsidianFlavoredMarkdown source link (#1694)
---
quartz/components/styles/explorer.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 45 insertions(+), 10 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 28e9f9b..397fd02 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -1,5 +1,29 @@
+@use "../../styles/variables.scss" as *;
+
+.explorer {
+ display: flex;
+ flex-direction: column;
+ overflow-y: hidden;
+ &.desktop-only {
+ @media all and not ($mobile) {
+ display: flex;
+ }
+ }
+ /*&: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));
+ }*/
+}
+
button#explorer {
- all: unset;
background-color: transparent;
border: none;
text-align: left;
@@ -9,7 +33,7 @@
display: flex;
align-items: center;
- & h1 {
+ & h2 {
font-size: 1rem;
display: inline-block;
margin: 0;
@@ -43,12 +67,20 @@
#explorer-content {
list-style: none;
overflow: hidden;
- max-height: none;
- transition: max-height 0.35s ease;
+ overflow-y: auto;
+ max-height: 100%;
+ transition:
+ max-height 0.35s ease,
+ visibility 0s linear 0s;
margin-top: 0.5rem;
+ visibility: visible;
- &.collapsed > .overflow::after {
- opacity: 0;
+ &.collapsed {
+ max-height: 0;
+ transition:
+ max-height 0.35s ease,
+ visibility 0s linear 0.35s;
+ visibility: hidden;
}
& ul {
@@ -65,6 +97,9 @@
pointer-events: all;
}
}
+ > #explorer-ul {
+ max-height: none;
+ }
}
svg {
@@ -85,7 +120,7 @@
color: var(--secondary);
font-family: var(--headerFont);
font-size: 0.95rem;
- font-weight: 600;
+ font-weight: $semiBoldWeight;
line-height: 1.5rem;
display: inline-block;
}
@@ -106,11 +141,11 @@
align-items: center;
font-family: var(--headerFont);
- & p {
+ & span {
font-size: 0.95rem;
display: inline-block;
color: var(--secondary);
- font-weight: 600;
+ font-weight: $semiBoldWeight;
margin: 0;
line-height: 1.5rem;
pointer-events: none;
@@ -126,7 +161,7 @@
backface-visibility: visible;
}
-div:has(> .folder-outer:not(.open)) > .folder-container > svg {
+li:has(> .folder-outer:not(.open)) > .folder-container > svg {
transform: rotate(-90deg);
}
--
Gitblit v1.10.0