Skip to content

Commit 13b9659

Browse files
Align issue-title-buttons with list-header (#35018)
This change concerns the "Edit" and "New Issue" button on top right. With this change, switching from the issue list into an issue, the "New Issue" button will no longer "shift" from the postion on the previous page. <img width="1299" alt="Screenshot 2025-07-09 at 17 37 31" src="https://github.com/user-attachments/assets/1ea55d8a-2abd-49b0-951a-ccc6466a74ee" /> <img width="1300" alt="Screenshot 2025-07-09 at 17 37 19" src="https://github.com/user-attachments/assets/05997d9d-25eb-4786-803d-00c575f78bef" /> --------- Signed-off-by: silverwind <[email protected]> Co-authored-by: wxiaoguang <[email protected]>
1 parent 3e8aa52 commit 13b9659

File tree

1 file changed

+2
-10
lines changed

1 file changed

+2
-10
lines changed

web_src/css/repo.css

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -334,28 +334,20 @@ td .commit-summary {
334334
display: flex;
335335
gap: 0.5em;
336336
margin-bottom: 8px;
337-
min-height: 40px; /* avoid layout shift on edit */
337+
min-height: 36px; /* avoid layout shift on edit */
338338
}
339339

340340
.repository.view.issue .issue-title h1 {
341341
flex: 1;
342342
width: 100%;
343343
font-weight: var(--font-weight-normal);
344344
font-size: 32px;
345-
line-height: 40px;
345+
line-height: 36px; /* vertically center single-line text with .issue-title-buttons */
346346
margin: 0;
347347
padding-right: 0.25rem;
348348
overflow-wrap: anywhere;
349349
}
350350

351-
.repository.view.issue .issue-title#issue-title-display .issue-title-buttons {
352-
margin-top: 4px; /* the title's height is 40px, fine tune to align the buttons */
353-
}
354-
355-
.repository.view.issue .issue-title#issue-title-editor {
356-
padding-top: 4px;
357-
}
358-
359351
@media (max-width: 767.98px) {
360352
.repository.view.issue .issue-title {
361353
flex-direction: column;

0 commit comments

Comments
 (0)