Skip to content

Fix button layout shift when collapsing file tree in editor #37363

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
silverwind merged 10 commits into from
Apr 22, 2026
+7 −5
Merged

Fix button layout shift when collapsing file tree in editor #37363

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
ecb6754
Fix button layout shift when collapsing file tree in editor
bytedream Apr 22, 2026
14f9149
Align toggle button with sidebar row to eliminate 1.5px shift
silverwind Apr 22, 2026
3b16392
Add comment on why 8px matches sidebar row
silverwind Apr 22, 2026
a6f3466
Move comment inline
silverwind Apr 22, 2026
f241021
Match .repo-button-row styling in .repo-editor-header
silverwind Apr 22, 2026
44668a7
Match input height to toggle button to align editor .field with file …
silverwind Apr 22, 2026
ab65cf1
Wrap breadcrumb items instead of the header row
silverwind Apr 22, 2026
fc71ebf
Make .breadcrumb always wrap
silverwind Apr 22, 2026
6d3ef1e
Apply suggestion from @wxiaoguang
wxiaoguang Apr 22, 2026
9a37711
Merge branch 'main' into fix-editor-file-tree-layout-shift
silverwind Apr 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions web_src/css/modules/breadcrumb.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
.breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 3px;
overflow-wrap: anywhere;
}
Expand Down
11 changes: 6 additions & 5 deletions web_src/css/repo.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,18 +199,19 @@ td .commit-summary {
}

.repo-editor-header {
/* it should match ".repo-button-row" so the tree toggle button stays aligned */
margin: 8px 0;
Comment thread
wxiaoguang marked this conversation as resolved.
display: flex;
margin: 1rem 0;
padding: 3px 0;
width: 100%;
gap: 0.5em;
align-items: center;
gap: 8px;
width: 100%;
}

.repo-editor-header input {
vertical-align: middle !important;
width: auto !important;
padding: 7px 8px !important;
height: 30px !important;
padding: 5px 8px !important;
margin-right: 5px !important;
}

Expand Down