Fix New issue button consistency

Fixes https://codeberg.org/forgejo/forgejo/issues/2613
Based on https://codeberg.org/forgejo/forgejo/issues/2613#issuecomment-1654709

- add new class `list-header-issues`;
- add rules that fix button position;
- use variable to keep the vertical offset constant;
- fix gap for edit button.

Co-authored-by: Gusted <gusted@noreply.codeberg.org>
This commit is contained in:
0ko 2024-03-28 18:23:57 +05:00 committed by GitHub
parent 45f39ce839
commit b9dbd93ebc
5 changed files with 17 additions and 4 deletions

View file

@ -569,6 +569,10 @@
display: flex;
}
.issue-title-buttons {
gap: 0.5rem;
}
@media (max-width: 767.98px) {
.repository.view.issue .issue-title {
flex-direction: column;
@ -611,7 +615,7 @@
line-height: 40px;
margin: 0;
padding-right: 0.25rem;
min-height: 41px; /* avoid layout shift on edit */
min-height: var(--repo-header-issue-min-height);
}
.repository.view.issue .issue-title h1 .ui.input {
@ -2180,7 +2184,7 @@
margin: 0 !important;
position: relative;
color: var(--color-text);
min-height: 41px;
min-height: var(--repo-header-issue-min-height);
background-color: var(--color-box-header);
display: flex;
justify-content: space-between;