Tighten the Lite sidebar and toolbox spacing - #15657
Merged
Merged
Conversation
github-actions
Bot
added
@gitbutler/lite
screenshots needed
|
This pull request changes Lite's UI, so it is labelled Attach them however you like — drag images straight into a comment, or Swap the label for |
Increase the toolbox separator horizontal margin from 4px to 6px to add a bit more breathing room between grouped controls and improve visual separation in the UI.
PavelLaptev
force-pushed
the
ui-changes
branch
from
August 30, 2026 13:56
dd53b73 to
4c9b8f5
Compare
PavelLaptev
force-pushed
the
ui-changes
branch
from
August 30, 2026 14:24
4c9b8f5 to
eab07d2
Compare
PavelLaptev
added
screenshots
Increase the container query breakpoint from 320px to 336px in the workspace sidebar. Hide tab labels earlier so narrow sidebars switch to icon-only tabs before labels become cramped or overflow.
PavelLaptev
force-pushed
the
ui-changes
branch
from
August 30, 2026 14:36
eab07d2 to
f81f5bf
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🧢 Changes
Collapse the sidebar tab labels sooner
The workspace sidebar's container-query breakpoint moves from 320px to 340px, so the tabs drop to icon-only before their labels get cramped. The old breakpoint left just enough room to look broken rather than tight — most visible once the upstream counter is in the row:
Give the toolbox separator some air
The separator's horizontal margin goes from 4px to 6px, so grouped controls read as groups instead of running together.
☕️ Reasoning
Two small chrome tweaks in Lite, both about breathing room. The sidebar tabs were
overflowing awkwardly in the last stretch before the old breakpoint kicked in, and the
toolbox separator sat tight enough against its neighbours that the grouping it was
meant to signal didn't come through.
CSS-only — no behaviour or markup changes.