From 8f6fea7991e2f71ad0a11b5a5f9889b1d93069bd Mon Sep 17 00:00:00 2001 From: Max Elkins Date: Thu, 19 Jun 2025 16:07:21 +0100 Subject: [PATCH 1/4] fix: allows for longer button text also fixes button alignment --- src/assets/stylesheets/ProjectBar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/assets/stylesheets/ProjectBar.scss b/src/assets/stylesheets/ProjectBar.scss index be4e7ce90..6041e50cb 100644 --- a/src/assets/stylesheets/ProjectBar.scss +++ b/src/assets/stylesheets/ProjectBar.scss @@ -6,7 +6,6 @@ display: flex; align-items: center; z-index: 1; - block-size: $space-4; container-type: inline-size; background-color: var(--editor-color-layer-3); border: 1px solid var(--editor-color-outline); @@ -39,6 +38,7 @@ } .project-bar__btn-wrapper { + display: flex; block-size: 100%; } From bf28b5627d75a42e1d9d0965ffda962dcc2059d7 Mon Sep 17 00:00:00 2001 From: Max Elkins Date: Thu, 19 Jun 2025 16:07:45 +0100 Subject: [PATCH 2/4] fix: tweaking save status spacing to be same as buttons --- src/assets/stylesheets/SaveStatus.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/assets/stylesheets/SaveStatus.scss b/src/assets/stylesheets/SaveStatus.scss index c55ccbbb8..bc3543609 100644 --- a/src/assets/stylesheets/SaveStatus.scss +++ b/src/assets/stylesheets/SaveStatus.scss @@ -8,7 +8,7 @@ gap: $space-0-25; justify-content: flex-end; margin-block: 0; - padding-inline: var(--space-1); + padding-inline: var(--space-2); } .save-status--mobile { From 3074de557f52d14a08f58d1f8495e2a9ab35893b Mon Sep 17 00:00:00 2001 From: Max Elkins Date: Thu, 19 Jun 2025 16:25:17 +0100 Subject: [PATCH 3/4] fix: save status text to close to icon --- src/assets/stylesheets/SaveStatus.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/assets/stylesheets/SaveStatus.scss b/src/assets/stylesheets/SaveStatus.scss index bc3543609..69c7be785 100644 --- a/src/assets/stylesheets/SaveStatus.scss +++ b/src/assets/stylesheets/SaveStatus.scss @@ -5,7 +5,7 @@ .save-status { align-items: center; display: flex; - gap: $space-0-25; + gap: var(--space-1); justify-content: flex-end; margin-block: 0; padding-inline: var(--space-2); @@ -14,6 +14,7 @@ .save-status--mobile { margin: unset; padding-inline: 0; + gap: var(--space-0-5); .save-status__text { @include font-size-0-75(regular); From ae23f7b365f5947e48c1b12c723413525f4f72c4 Mon Sep 17 00:00:00 2001 From: Max Elkins Date: Thu, 19 Jun 2025 16:29:03 +0100 Subject: [PATCH 4/4] docs: update changelog --- CHANGELOG.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index d72ab9d76..9b024f768 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), - Change tab `block-size` to `min-block-size` to allow for height increase when text wraps (#1219) - Changed `SkulptRunner.jsx` implementation of hiding elements to use `display: none` rather than `block-size: 0` (#1219) - Enabled `hyphens: auto` globally (with exceptions) to prevent overflow with longer words (#1215) +- Removed fixed size from `ProjectBar` to prevent overflow when text wraps (#1221) + +## Changed + +- Improved status bar styling (#1221) ## [0.30.1] - 2025-06-09