docs: add fix for 'remote end hung up unexpectedly' error during initial sy...

badcode

2025-04-29 dc2c4dca0845aa9666a7c7d7eb56265df252f82f

 quartz/components/styles/explorer.scss

@@ -52,6 +52,8 @@
    overflow: hidden;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: auto;
  }

  button.mobile-explorer {
@@ -116,6 +118,7 @@
    list-style: none;
    margin: 0;
    padding: 0;
    overscroll-behavior: contain;

    & li > a {
      color: var(--dark);
@@ -196,6 +199,7 @@
  cursor: pointer;
  transition: transform 0.3s ease;
  backface-visibility: visible;
  flex-shrink: 0;
}

li:has(> .folder-outer:not(.open)) > .folder-container > svg {
@@ -212,8 +216,8 @@
      flex: 0 0 34px;

      & > .explorer-content {
        transform: translateX(0);
        visibility: visible;
        transform: translateX(-100vw);
        visibility: hidden;
      }
    }

@@ -221,8 +225,8 @@
      flex: 0 0 34px;

      & > .explorer-content {
        transform: translateX(-100vw);
        visibility: hidden;
        transform: translateX(0);
        visibility: visible;
      }
    }

@@ -236,7 +240,7 @@
      background-color: var(--light);
      max-width: 100vw;
      width: 100%;
      transform: translateX(0);
      transform: translateX(-100vw);
      transition:
        transform 200ms ease,
        visibility 200ms ease;
@@ -259,22 +263,8 @@
  }
}

.no-scroll {
  opacity: 0;
  overflow: hidden;
}

html:has(.no-scroll) {
  overflow: hidden;
}

@media all and not ($mobile) {
  .no-scroll {
    opacity: 1 !important;
    overflow: auto !important;
  }

  html:has(.no-scroll) {
    overflow: auto !important;
.mobile-no-scroll {
  @media all and ($mobile) {
    overflow: hidden;
  }
}