From 13b9659952f72cbbca05a35fd90375cb80c0841f Mon Sep 17 00:00:00 2001 From: silverwind Date: Fri, 18 Jul 2025 11:13:32 +0200 Subject: [PATCH] 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. Screenshot 2025-07-09 at 17 37 31 Screenshot 2025-07-09 at 17 37 19 --------- Signed-off-by: silverwind Co-authored-by: wxiaoguang --- web_src/css/repo.css | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 700650c4f2..5238e3a2e5 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -334,7 +334,7 @@ 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 { @@ -342,20 +342,12 @@ td .commit-summary { 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;