Skip to content

Only show scroll bars for students instructions when needed - #1613

Open
DNR500 wants to merge 1 commit into
mainfrom
remove-scrolling-on-instructions-when-unneeded
Open

Only show scroll bars for students instructions when needed#1613
DNR500 wants to merge 1 commit into
mainfrom
remove-scrolling-on-instructions-when-unneeded

Conversation

@DNR500

@DNR500 DNR500 commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Summary

issue: 1707

Short project instructions no longer show a scrollbar. The bar still appears when the text is too long to fit.

Screenshot of instructions without scroll bar

Comment on lines +9 to +12
// Student preview sizes to its content so short steps are not scrollable.
&:has(.c-instruction-tabs) {
block-size: 100%;
}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good.

I assume in the react component we already know when this tab is rendered - we could use a modifer class instead for slightly better browser support. Although :has() is baseline now 🤷

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

Successfully merging this pull request may close these issues.

3 participants