component-party.dev icon indicating copy to clipboard operation
component-party.dev copied to clipboard

Account for header bar in scroll target offsets

Open mootari opened this issue 1 year ago • 1 comments

Prevents sticky headings from covering framework names when navigating to a component via the sidebar.

Before After
before, without scrollbar after, without scrollbar
before, with scrollbar after, with scrollbar

mootari avatar Jan 05 '25 16:01 mootari

It may also help to show when content is covered by the sticky headings, by applying the same blur filter that's already used for the Header component. Unfortunately that may be more involved since the lack of a left padding would cause the blur effect to just cut off.

mootari avatar Jan 05 '25 17:01 mootari