| | |
|---|
| | | @use "../../styles/variables.scss" as *; |
|---|
| | | |
|---|
| | | .explorer { |
|---|
| | | &.desktop-only { |
|---|
| | | overflow-y: auto; |
|---|
| | | } |
|---|
| | | &: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; |
|---|
| | |
|---|
| | | visibility: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &.collapsed > .overflow::after { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | & ul { |
|---|
| | | list-style: none; |
|---|
| | | margin: 0.08rem 0; |
|---|
| | |
|---|
| | | pointer-events: all; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | > #explorer-ul { |
|---|
| | | max-height: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | svg { |
|---|
