diff options
author | 2022-07-08 22:08:32 +0200 | |
---|---|---|
committer | 2022-07-08 22:08:32 +0200 | |
commit | 59e8c71786fd1c154904b3fefa7d26d88f4d92d2 (patch) | |
tree | 3a352e838b25a402c608913aeca21f471d75a826 /examples/docs/src/components/LeftSidebar | |
parent | 1f9e4857ff2b2cb7db89d619618cdf546cd3b3dc (diff) | |
download | astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.tar.gz astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.tar.zst astro-59e8c71786fd1c154904b3fefa7d26d88f4d92d2.zip |
Format astro files in examples (#3862)
Diffstat (limited to 'examples/docs/src/components/LeftSidebar')
-rw-r--r-- | examples/docs/src/components/LeftSidebar/LeftSidebar.astro | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/examples/docs/src/components/LeftSidebar/LeftSidebar.astro b/examples/docs/src/components/LeftSidebar/LeftSidebar.astro index 107423385..68c70de2a 100644 --- a/examples/docs/src/components/LeftSidebar/LeftSidebar.astro +++ b/examples/docs/src/components/LeftSidebar/LeftSidebar.astro @@ -1,6 +1,6 @@ --- -import { getLanguageFromURL } from '../../languages.ts'; -import { SIDEBAR } from '../../config.ts'; +import { getLanguageFromURL } from "../../languages.ts"; +import { SIDEBAR } from "../../config.ts"; const { currentPage } = Astro.props; const currentPageMatch = currentPage.slice(1); const langCode = getLanguageFromURL(currentPage); @@ -31,7 +31,10 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => { <ul> {section.children.map((child) => ( <li class="nav-link"> - <a href={`${Astro.site.pathname}${child.link}`} aria-current={`${currentPageMatch === child.link ? 'page' : 'false'}`}> + <a + href={`${Astro.site.pathname}${child.link}`} + aria-current={`${currentPageMatch === child.link ? "page" : "false"}`} + > {child.text} </a> </li> @@ -44,10 +47,10 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => { </nav> <script is:inline> - window.addEventListener('DOMContentLoaded', (event) => { + window.addEventListener("DOMContentLoaded", (event) => { var target = document.querySelector('[aria-current="page"]'); if (target && target.offsetTop > window.innerHeight - 100) { - document.querySelector('.nav-groups').scrollTop = target.offsetTop; + document.querySelector(".nav-groups").scrollTop = target.offsetTop; } }); </script> @@ -100,13 +103,13 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => { background-color: var(--theme-bg-hover); } - .nav-link a[aria-current='page'] { + .nav-link a[aria-current="page"] { color: var(--theme-text-accent); background-color: var(--theme-bg-accent); font-weight: 600; } - :global(:root.theme-dark) .nav-link a[aria-current='page'] { + :global(:root.theme-dark) .nav-link a[aria-current="page"] { color: hsla(var(--color-base-white), 100%, 1); } |