Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make scrollbar placement more natural when using sidebar #68

Open
MangelMaxime opened this issue Sep 25, 2024 · 0 comments
Open

Make scrollbar placement more natural when using sidebar #68

MangelMaxime opened this issue Sep 25, 2024 · 0 comments

Comments

@MangelMaxime
Copy link

MangelMaxime commented Sep 25, 2024

Hello,
This is a proposition.

When using sidebar, a margin-top is automatically applied to the "main content" of the page.

This cause the scrollbar to be placed in a not natural position:

CleanShot 2024-09-25 at 17 47 54

I think that this extra margin-top should be removed so the scrollbar is placed naturally at the top of the page.

& > :nth-child(2) {
overflow: auto;
--full-width: calc(100vw - 25ch);
margin-top: var(--gap);
}

In general, there will naturally be a spacing at the top of the page because it should in general start with a heading element or a main to center the content on the page. And if not, user can add the spacing if needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant