dependabot[bot]
2024-10-02 9cd072bfc336f3eeb453c279dc3953e2a7e3d9fd
quartz/components/styles/explorer.scss
@@ -1,7 +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;
@@ -11,7 +33,7 @@
  display: flex;
  align-items: center;
  & h1 {
  & h2 {
    font-size: 1rem;
    display: inline-block;
    margin: 0;
@@ -45,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 {
@@ -67,6 +97,9 @@
      pointer-events: all;
    }
  }
  > #explorer-ul {
    max-height: none;
  }
}
svg {