Merge pull request #1752 from dusk-network/feature-1751

explorer: fix double scrollbar issue
dusk-network · May 17, 2024 · 229f43c · 229f43c
2 parents 6fe9afe + a9d4866
commit 229f43c
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 6 deletions.
diff --git a/explorer/src/app.html b/explorer/src/app.html
@@ -16,6 +16,6 @@
     data-sveltekit-preload-code="viewport"
     data-sveltekit-preload-data="hover"
   >
-    <div>%sveltekit.body%</div>
+    <div id="app-container">%sveltekit.body%</div>
   </body>
 </html>
diff --git a/explorer/src/lib/components/blocks-card/BlocksCard.css b/explorer/src/lib/components/blocks-card/BlocksCard.css
@@ -1,5 +1,4 @@
 .blocks-card__table,
 .blocks-card__list {
-  max-height: 70dvh;
   overflow-y: auto;
 }
diff --git a/explorer/src/lib/components/navbar/Navbar.svelte b/explorer/src/lib/components/navbar/Navbar.svelte
@@ -58,6 +58,7 @@
 
   afterNavigate(() => {
     hidden = true;
+    dispatch("toggleMenu", hidden);
     showSearchNotification = false;
   });
 </script>

diff --git a/explorer/src/lib/components/transactions-card/TransactionsCard.css b/explorer/src/lib/components/transactions-card/TransactionsCard.css
@@ -1,5 +1,4 @@
 .transactions-card__table,
 .transactions-card__list {
-  max-height: 70dvh;
   overflow-y: auto;
 }
diff --git a/explorer/src/routes/+layout.svelte b/explorer/src/routes/+layout.svelte
@@ -22,7 +22,7 @@
 <header>
   <Navbar on:toggleMenu={(e) => toggleScroll(e.detail)} />
 </header>
-<main class="explorer">
+<main id="explorer">
   <slot />
 </main>
 <footer>

diff --git a/explorer/src/routes/blocks/+page.svelte b/explorer/src/routes/blocks/+page.svelte
@@ -21,7 +21,7 @@
   onDestroy(pollingDataStore.stop);
 </script>
 
-<section class="blocks">
+<section id="blocks">
   <BlocksCard
     on:retry={pollingDataStore.start}
     blocks={data}

diff --git a/explorer/src/routes/transactions/+page.svelte b/explorer/src/routes/transactions/+page.svelte
@@ -21,7 +21,7 @@
   onDestroy(pollingDataStore.stop);
 </script>
 
-<section class="transactions">
+<section id="transactions">
   <TransactionsCard
     on:retry={pollingDataStore.start}
     txs={data}