Skip to content

refactor: reduce project bar size - #1679

Draft
maxelkins wants to merge 24 commits into
mainfrom
reduce-project-bar-size
Draft

refactor: reduce project bar size#1679
maxelkins wants to merge 24 commits into
mainfrom
reduce-project-bar-size

Conversation

@maxelkins

@maxelkins maxelkins commented Oct 6, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Closes: https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/1863
Closes: https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/1877
Closes: https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/1878

Summary

  • reduce the project bar footprint and share its layout and behaviour across standard and Scratch projects
  • use configurable design-system controls for save, download, upload, and project-name actions
  • switch project actions to their accessible icon-only variants when the project bar is narrow while preserving natural wrapping for longer labels
  • add a design-system project-name field to the Projects sidebar, including dark-mode read-only theming
  • standardise project-bar, save-status, and offline-indicator spacing and colour tokens

@maxelkins
refactor: SaveButton default to primary button type
44c9814 
Remove the obsolete web component check. The editor now runs exclusively as a web component, so the save button can default directly to the primary type.
@maxelkins
fix: use visually hidden for project name
b5625d7 
This still might not be the correct way to actually have an accessible project name, but this method avoid affecting layout
@maxelkins
fix: make panel gaps consistent
20c45c4
@maxelkins
refactor: use design system button for download and save
872673c
@maxelkins
refactor: reduce size of ProjectBar
534598b
@maxelkins
chore: add project bar state controls to demo
eb0053d
@maxelkins
refactor: remove left over teal usage in background layers
5f9bc4b
@maxelkins
refactor: upload button to use design system
2c7bdc6
@maxelkins
refactor: share the project bar across project types
44aa288
@maxelkins
refactor: stabilise the project bar name layout
9de4b78
@maxelkins
refactor: use a design system project name field in the sidebar
1e4beba
@maxelkins
maxelkins force-pushed the reduce-project-bar-size branch from 94a29bb to 1e4beba Compare October 14, 2026 14:37
maxelkins
maxelkins commented Oct 14, 2026
View reviewed changes
Comment thread web-component.html

@maxelkins maxelkins Oct 14, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

These changes will be deleted

This branch was successfully deployed

1 active deployment
previews/1679/merge — 9923bc5b Deployed Oct 14, 2026 by maxelkins via deploy-branch / build-deploy #6899
View deployment
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@maxelkins