diff options
| author | Otis Sutton | 2023-08-15 08:30:11 +1200 |
|---|---|---|
| committer | GitHub | 2023-08-14 22:30:11 +0200 |
| commit | d8669b869761ac15d1d611eda7dd94a62ce0fd7a (patch) | |
| tree | 451ca19f64426a6b029e4b282a525a1e4fc11bc9 | |
| parent | fcff49ee4260ad68e80833712e161cbb978a2562 (diff) | |
| download | IT.starlight-d8669b869761ac15d1d611eda7dd94a62ce0fd7a.tar.gz IT.starlight-d8669b869761ac15d1d611eda7dd94a62ce0fd7a.tar.bz2 IT.starlight-d8669b869761ac15d1d611eda7dd94a62ce0fd7a.zip | |
Add `z-index` to mobile table of contents. (#402)
Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
| -rw-r--r-- | .changeset/wild-falcons-type.md | 5 | ||||
| -rw-r--r-- | packages/starlight/components/TableOfContents/MobileTableOfContents.astro | 1 | ||||
| -rw-r--r-- | packages/starlight/layout/TwoColumnContent.astro | 4 | ||||
| -rw-r--r-- | packages/starlight/style/props.css | 1 |
4 files changed, 11 insertions, 0 deletions
diff --git a/.changeset/wild-falcons-type.md b/.changeset/wild-falcons-type.md new file mode 100644 index 00000000..328fe6a1 --- /dev/null +++ b/.changeset/wild-falcons-type.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Fix content sometimes appearing above the mobile table of contents.
\ No newline at end of file diff --git a/packages/starlight/components/TableOfContents/MobileTableOfContents.astro b/packages/starlight/components/TableOfContents/MobileTableOfContents.astro index 917db070..4662742d 100644 --- a/packages/starlight/components/TableOfContents/MobileTableOfContents.astro +++ b/packages/starlight/components/TableOfContents/MobileTableOfContents.astro @@ -35,6 +35,7 @@ const t = useTranslations(locale); <style> nav { position: fixed; + z-index: var(--sl-z-index-toc); top: calc(var(--sl-nav-height) - 1px); inset-inline: 0; border-top: 1px solid var(--sl-color-gray-5); diff --git a/packages/starlight/layout/TwoColumnContent.astro b/packages/starlight/layout/TwoColumnContent.astro index 16fe9698..8ba8da0f 100644 --- a/packages/starlight/layout/TwoColumnContent.astro +++ b/packages/starlight/layout/TwoColumnContent.astro @@ -18,6 +18,10 @@ interface Props { </div> <style> + .main-pane { + isolation: isolate; + } + @media (min-width: 72rem) { .right-sidebar-container { order: 2; diff --git a/packages/starlight/style/props.css b/packages/starlight/style/props.css index fd04d7ec..0bc2124d 100644 --- a/packages/starlight/style/props.css +++ b/packages/starlight/style/props.css @@ -104,6 +104,7 @@ --sl-outline-offset-inside: -0.1875rem; /* Global z-index values */ + --sl-z-index-toc: 4; --sl-z-index-menu: 5; --sl-z-index-navbar: 10; --sl-z-index-skiplink: 20; |