fix(explorer): mobile explorer toggle (#1823)

Emile Bangma

2025-03-12 ca08ec1ae7c0003a186fb5a38b56208d4baf30bd

fix(explorer): mobile explorer toggle (#1823)

 quartz/components/scripts/explorer.inline.ts

@@ -266,7 +266,7 @@
    }
  }

  const hiddenUntilDoneLoading = document.querySelector("#mobile-explorer")
  const hiddenUntilDoneLoading = document.querySelector(".mobile-explorer")
  hiddenUntilDoneLoading?.classList.remove("hide-until-loaded")
})


 quartz/components/styles/explorer.scss

@@ -212,8 +212,8 @@
      flex: 0 0 34px;

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

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

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

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