Right panel sidebar div should be flex
instead of block
#3232
pat-s
started this conversation in
Feature Requests
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
What version of
starlight
are you using?0.34.3
What is your idea?
Currently, the
right-sidebar-panel
class is usinglg:sl-block
, which results in a fixed box.This is an issue once the right-sidebar becomes more narrow (e.g. through a theme) and a heading displayed in the ToC is exceeding the panel width. (the default
starlight
theme has a very wide right sidebar and won't likely be affected in practice).Due to
display: block
, this results in a horizontal scroll of the div, but initially makes the heading overflow the page page width.When using
display: flex
instead, the ToC entries are properly wrapped within the panel boundaries as the panel itself does not overflow the page width.display: flex
Why is this feature necessary?
Catch edge cases of possible overflows in the right sidebar by default.
Do you have examples of this feature in other projects?
No response
Participation
Beta Was this translation helpful? Give feedback.
All reactions