📏 Allow full-length TOC when sidebar is useable

[agoose77]

Presently, the TOC is always trimmed to the page length, in full-width OR narrow displays:

• Wide:
  
• Narrow
  

This PR tweaks the computation to detect when the "wide" media query is true/false:

• Wide:
  
• Narrow:
  

I think there might be some overflow problems, but I don't think they're caused by this PR.

[changeset-bot]

🦋 Changeset detected

Latest commit: d7adea6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages

Name	Type
@myst-theme/providers	Patch
@myst-theme/site	Patch
@myst-theme/book	Patch
@myst-theme/frontmatter	Patch
@myst-theme/diagrams	Patch
@myst-theme/jupyter	Patch
@myst-theme/styles	Patch
@myst-theme/common	Patch
@myst-theme/icons	Patch
@myst-theme/article	Patch
myst-to-react	Patch
myst-demo	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[agoose77]

This PR bumps each package as a patch change. Is that right? Technically we're now exporting two new things from ui/providers.

[agoose77]

Note: I want to generalise the TOC sidebar into a primary sidebar, but that's more work.

[agoose77]

Is there a nicer way to access the result of a useContext inside the component tree?

[stevejpurves]

do you mean that you want to access the UIStateProvider context within this same function, rather than creating a new wrapper component? you can do something like this but it's not nicer...

return (
    <UiStateProvider>
        {(() => {
            const uiState = useUiState();
            return (
                <ArticlePageAndNavigationInternal
                    children={children}
                    hide_toc={hide_toc}
                    projectSlug={projectSlug}
                    inset={inset}
                />);
            })
        }
    </UiStateProvider>

[agoose77]

Oh yep, that's one way!

[rowanc1]

Where is the footer coming from in the UI?

[agoose77]

Where is the footer coming from in the UI?

Oh, haha, I appended it to the dom during testing. It only matters presently for the mystmd website.

[agoose77]

This is now done!

[agoose77]

@stevejpurves I rebased this on main, would you be able to confirm it still behaves as expected on mystmd.org?

[stevejpurves]

rebased again, review in progress locally... having to update mystmd.org on some orthogonal changes that have happened whilst this PR has been alive...

[stevejpurves]

all looks good, sorry for the lengthy review cycle!