improve(control-ui): move dev branch badge to its own footer strip#104300
Merged
Conversation
The sidebar footer icon row got crowded with the inline branch label. The dev-checkout branch now renders on a slim tinted strip above the icon bar with a git-branch icon, keeping the full name readable and the footer controls uncluttered.
openclaw-barnacle
Bot
added
app: web-ui
This was referenced Jul 11, 2026
Closed
chenyangjun-xy
pushed a commit
to chenyangjun-xy/openclaw
that referenced
this pull request
Jul 11, 2026
…penclaw#104300) The sidebar footer icon row got crowded with the inline branch label. The dev-checkout branch now renders on a slim tinted strip above the icon bar with a git-branch icon, keeping the full name readable and the footer controls uncluttered.
github-actions Bot
pushed a commit
to Desicool/openclaw
that referenced
this pull request
Jul 12, 2026
…penclaw#104300) The sidebar footer icon row got crowded with the inline branch label. The dev-checkout branch now renders on a slim tinted strip above the icon bar with a git-branch icon, keeping the full name readable and the footer controls uncluttered.
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.
Related: #104262
What Problem This Solves
The dev-branch badge added in #104262 rendered inline in the sidebar footer icon row, which made the row crowded: connection dot, truncated red branch name, and four icon buttons all competed for one 34px strip, and long
claude/…branch names truncated to noise.Why This Change Was Made
The branch indicator moves to its own slim tinted strip directly above the footer icon row, with a git-branch icon and the full branch name (ellipsis only when the sidebar is very narrow, full name in the tooltip). The icon row returns to exactly its pre-#104262 layout. Rendering is still gated on
devGitBranchfrom the bootstrap config, so release installs and mainline checkouts get no extra row.User Impact
On dev gateways the full branch name is now readable at a glance instead of truncated, and the footer controls are uncluttered. Release installs are unchanged.
Evidence
Footer with the new strip (from the e2e screenshot artifact):
ui/src/e2e/sidebar-dev-branch.e2e.test.tsupdated for the new structure (name span, strip container title/color): 2 tests green on Testbox with Playwright chromium.oxfmt --checkgreen on the changed files (Testbox).