Osman Tunahan ARIKAN
2024-10-30 a53772bbd1dd2804872ae0e519bedeb2a2fd4287
quartz/components/styles/explorer.scss
@@ -1,5 +1,28 @@
@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 {
  background-color: transparent;
  border: none;
@@ -44,7 +67,8 @@
#explorer-content {
  list-style: none;
  overflow: hidden;
  max-height: none;
  overflow-y: auto;
  max-height: 100%;
  transition:
    max-height 0.35s ease,
    visibility 0s linear 0s;
@@ -52,16 +76,13 @@
  visibility: visible;
  &.collapsed {
    max-height: 0;
    transition:
      max-height 0.35s ease,
      visibility 0s linear 0.35s;
    visibility: hidden;
  }
  &.collapsed > .overflow::after {
    opacity: 0;
  }
  & ul {
    list-style: none;
    margin: 0.08rem 0;
@@ -76,6 +97,9 @@
      pointer-events: all;
    }
  }
  > #explorer-ul {
    max-height: none;
  }
}
svg {