diff --git a/src/components/Footer/helper.tsx b/src/components/Footer/helper.tsx index f90380f88..36e5f75f5 100644 --- a/src/components/Footer/helper.tsx +++ b/src/components/Footer/helper.tsx @@ -50,8 +50,8 @@ export const resourceList = [ href: "https://scroll.io/blog", }, { - name: "User Guide", - href: "https://guide.scroll.io/", + name: "Documentation", + href: "https://docs.scroll.io/", }, { name: "Press Kit", diff --git a/src/components/Header/Search/Search.module.css b/src/components/Header/Search/Search.module.css index 109727ac9..2f890e586 100644 --- a/src/components/Header/Search/Search.module.css +++ b/src/components/Header/Search/Search.module.css @@ -129,6 +129,11 @@ box-sizing: content-box; } +.hitWrapper { + max-height: 40vh; + overflow: overlay; +} + .hitWrapper ol { list-style: none; } @@ -155,11 +160,12 @@ .hitList li { list-style: none; + cursor: pointer; @apply pl-2; } -.hitList li:hover { - @apply bg-background-secondary; +.hitList li:hover * { + color: var(--orange-500); } .hitList li a { @@ -217,6 +223,11 @@ @apply mt-0; } + .hitWrapper { + max-height: calc(80vh - 100px); + overflow: scroll; + } + .hitList li { @apply pl-0; } diff --git a/src/components/Header/Search/Search.tsx b/src/components/Header/Search/Search.tsx index 9951358b6..4553e0722 100644 --- a/src/components/Header/Search/Search.tsx +++ b/src/components/Header/Search/Search.tsx @@ -1,4 +1,4 @@ -import React, { useState, useCallback } from "react" +import React, { useState, useCallback, useEffect } from "react" import styles from "./Search.module.css" import { useKeyPress } from "~/hooks/useKeyPress" @@ -11,6 +11,16 @@ export default function Search() { setIsOpen(true) }, [setIsOpen]) + + useEffect(() => { + const body = document.getElementsByTagName("body")[0] + if (isOpen) { + body.classList.add("mobile-sidebar-toggle") + } else { + body.classList.remove("mobile-sidebar-toggle") + } + }, [isOpen]) + const onClose = useCallback(() => { setTimeout(() => { setIsOpen(false) diff --git a/src/components/Header/Search/SearchModal.tsx b/src/components/Header/Search/SearchModal.tsx index 335e32fc6..f09a689c2 100644 --- a/src/components/Header/Search/SearchModal.tsx +++ b/src/components/Header/Search/SearchModal.tsx @@ -84,6 +84,15 @@ function EmptyQueryBoundary({ children, fallback }) { return children } +function transformPath(path) { + path = path.replace('src/content/docs', ''); + + path = path.substring(0, path.lastIndexOf('.')) || path; + + return path; +} + + function NoResultsBoundary({ children }) { const { results } = useInstantSearch() @@ -118,7 +127,7 @@ function CustomHits({ title, hitClassName, ...props }: UseHitsProps & { title: s
  • { }, ], }, - { title: t("sidebar.gettingStarted.scrollSepoliaBlockExplorer"), url: "https://blockscout.scroll.io/" }, + { + title: t("sidebar.gettingStarted.scrollSepoliaBlockExplorer"), + url: "https://sepolia-blockscout.scroll.io/", + }, { title: t("sidebar.gettingStarted.sepoliaBlockExplorer"), url: "https://sepolia.etherscan.io/" }, - { title: t("sidebar.gettingStarted.rollupExplorer"), url: "https://scroll.io/alpha/rollupscan" }, + { title: t("sidebar.gettingStarted.rollupExplorer"), url: "https://scroll.io/rollupscan" }, ], }, { diff --git a/src/content/docs/en/developers/l1-and-l2-bridging/eth-and-erc20-token-bridge.mdx b/src/content/docs/en/developers/l1-and-l2-bridging/eth-and-erc20-token-bridge.mdx index f74f7eb9c..94620cd21 100644 --- a/src/content/docs/en/developers/l1-and-l2-bridging/eth-and-erc20-token-bridge.mdx +++ b/src/content/docs/en/developers/l1-and-l2-bridging/eth-and-erc20-token-bridge.mdx @@ -29,8 +29,8 @@ All Gateway contracts will form the message and send it to the `L1ScrollMessenge When a new block gets created on L1, the Watcher will detect the message on the `L1MessageQueue` and will pass it to the Relayer service, which will submit the transaction to the L2 via the l2geth node. Finally, the l2geth node will pass the transaction to the `L2ScrollMessagner` contract for execution on L2. diff --git a/src/content/docs/en/developers/transaction-fees-on-scroll.mdx b/src/content/docs/en/developers/transaction-fees-on-scroll.mdx index 157542ab0..8f5a3398a 100644 --- a/src/content/docs/en/developers/transaction-fees-on-scroll.mdx +++ b/src/content/docs/en/developers/transaction-fees-on-scroll.mdx @@ -4,6 +4,7 @@ date: Last Modified title: "Transaction Fees on Scroll" lang: "en" permalink: "developers/transaction-fees-on-scroll" +whatsnext: { "Developer Quickstart": "/developers/developer-quickstart" } # excerpt: "" --- diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro index e69da75ff..5594d7198 100644 --- a/src/layouts/MainLayout.astro +++ b/src/layouts/MainLayout.astro @@ -105,7 +105,7 @@ changeLanguage(content.lang) padding-top: 100px; } - @media (min-width: 50em) { + @media screen and (min-width: 50em) { body { width: 100%; display: grid; @@ -115,7 +115,8 @@ changeLanguage(content.lang) } .layout { overflow: initial; - grid-template-columns: 1fr 3fr; + /* grid-template-columns: 1fr 3fr; */ + grid-template-columns: 1fr minmax(0, 68vw); gap: 1em; } @@ -127,7 +128,7 @@ changeLanguage(content.lang) } } - @media (min-width: 72em) { + @media screen and (min-width: 72em) { .layout { grid-template-columns: 2fr minmax(0, 56vw) 3fr; padding-left: 0; diff --git a/src/pages/[lang]/[...slug].astro b/src/pages/[lang]/[...slug].astro index fad09de88..994a8abf6 100644 --- a/src/pages/[lang]/[...slug].astro +++ b/src/pages/[lang]/[...slug].astro @@ -18,6 +18,7 @@ export async function getStaticPaths() { allPaths.push({ params: { lang, slug: slug || undefined } }) } } + const paths = allPaths.map((path) => { let page = pages.find((page) => { const [pageLang, ...pageSlug] = page.slug.split("/") diff --git a/src/pages/en/home/QuickStart.astro b/src/pages/en/home/QuickStart.astro index dc931282e..309400ad1 100644 --- a/src/pages/en/home/QuickStart.astro +++ b/src/pages/en/home/QuickStart.astro @@ -18,7 +18,7 @@ const toolList = [
    { toolList.map(({ icon, name, quickstartAnchor }) => ( - +
    {name}