Skip to content

Align issue-title-buttons with list-header #35018

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
merged 8 commits into from
Jul 18, 2025
Merged

Align issue-title-buttons with list-header #35018

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
6de84e0
Align `issue-title-buttons`
silverwind Jul 9, 2025
433e11a
fix on parent instead
silverwind Jul 10, 2025
f37f7e3
Merge branch 'main' into btnalign
wxiaoguang Jul 14, 2025
7893b92
tweak line-height instead
silverwind Jul 14, 2025
8b247c2
fix editing
silverwind Jul 14, 2025
5637449
Update web_src/css/repo.css
silverwind Jul 14, 2025
d3e086b
Update web_src/css/repo.css
silverwind Jul 14, 2025
fb4dfd5
Merge branch 'main' into btnalign
GiteaBot Jul 18, 2025
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
12 changes: 2 additions & 10 deletions web_src/css/repo.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -334,28 +334,20 @@ td .commit-summary {
display: flex;
gap: 0.5em;
margin-bottom: 8px;
min-height: 40px; /* avoid layout shift on edit */
min-height: 36px; /* avoid layout shift on edit */
}

.repository.view.issue .issue-title h1 {
flex: 1;
width: 100%;
font-weight: var(--font-weight-normal);
font-size: 32px;
line-height: 40px;
line-height: 36px; /* vertically center single-line text with .issue-title-buttons */
margin: 0;
padding-right: 0.25rem;
overflow-wrap: anywhere;
}

.repository.view.issue .issue-title#issue-title-display .issue-title-buttons {
margin-top: 4px; /* the title's height is 40px, fine tune to align the buttons */
}

.repository.view.issue .issue-title#issue-title-editor {
padding-top: 4px;
}

@media (max-width: 767.98px) {
.repository.view.issue .issue-title {
flex-direction: column;
Expand Down