From 27a41abb62cc9005ed4234bdb02f38b6cfeedec3 Mon Sep 17 00:00:00 2001
From: Andrew <80933354+ndrooo@users.noreply.github.com>
Date: Fri, 09 Aug 2024 01:07:47 +0000
Subject: [PATCH] feat(toc,explorer): add accessibility for toggle (#1327)
---
quartz/components/styles/explorer.scss | 13 +++++++++++--
1 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index d4875e7..2f94b15 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -1,7 +1,6 @@
@use "../../styles/variables.scss" as *;
button#explorer {
- all: unset;
background-color: transparent;
border: none;
text-align: left;
@@ -46,8 +45,18 @@
list-style: none;
overflow: hidden;
max-height: none;
- transition: max-height 0.35s ease;
+ transition:
+ max-height 0.35s ease,
+ visibility 0s linear 0s;
margin-top: 0.5rem;
+ visibility: visible;
+
+ &.collapsed {
+ transition:
+ max-height 0.35s ease,
+ visibility 0s linear 0.35s;
+ visibility: hidden;
+ }
&.collapsed > .overflow::after {
opacity: 0;
--
Gitblit v1.10.0