Skip to content

Apply small screen improvements earlier - #1710

Merged
zetter-rpf merged 4 commits into
mainfrom
apply-small-screen-improvements-earlier
Oct 23, 2026
Merged

zetter-rpf merged 4 commits into
mainfrom
apply-small-screen-improvements-earlier

Conversation

@zetter-rpf

Copy link
Copy Markdown
Contributor

Closes https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/1905

These changes let the small screen improvements take affect on larger screen sizes to give project content more space

  • Show the small sidebar icons on larger screen sizes
  • Show the small sidebar on larger screen sizes just for block projects. This just for block projects as using the smaller instruction panel can make long lines of embedded text-based code harder to follow.

See commits for more

@maxelkins maxelkins left a comment

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.

Nice one, 1 minor comment

Comment thread src/assets/stylesheets/Sidebar.scss Outdated
zetter-rpf and others added 4 commits October 23, 2026 14:03
This increases the size of screen we show the smaller sidebar so that it's show on sizes that reduces the need to scroll the blocks editor.

This change apples to all projects as there is little downside in the smaller sidebar
I've increased the size that the smaller sidebar shows for the blocks editor.

I've only applied this to the blocks editor as it can make instructions harder to follow, especially when they contain code blocks.
Previously the sidebar breakpoint used its own $sidebar-gap variable
that happened to duplicate the 16px resize handle size hard-coded in
Project.scss, so changing the handle size would silently leave the
breakpoint wrong.

This change introduces a shared $resize-handle-size Sass variable,
uses it for the breakpoint calculation, and assigns it to the
--resize-handle-size custom property so both derive from one value.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@zetter-rpf
zetter-rpf force-pushed the apply-small-screen-improvements-earlier branch from f9392ea to 251ab54 Compare October 23, 2026 13:03
@zetter-rpf
zetter-rpf merged commit 946dce8 into main Oct 23, 2026
12 checks passed
@zetter-rpf
zetter-rpf deleted the apply-small-screen-improvements-earlier branch October 23, 2026 15:43

This branch was successfully deployed

1 active deployment
previews/1710/merge — 251ab54b Deployed Oct 23, 2026 by zetter-rpf via deploy-branch / build-deploy #6993
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.

2 participants