peezy-tech/jojo
2
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2026-05-12 22:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui): improve force-push layout alignment (#10939)

Browse source 
Followup to https://codeberg.org/forgejo/forgejo/pulls/7746
Replaces https://codeberg.org/forgejo/forgejo/pulls/10938

grid layout (desktop): give the Compare button a wrapper with same height as the first text line so it stays aligned to it (and to timeline badge)

inline layout (mobile): give the Compare button left margin so there's a gap between it and the text line

Initial fix for grid was proposed by luisadame.

Co-authored-by: Luis <luis@adame.dev>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10939
Reviewed-by: Beowulf <beowulf@beocode.eu>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
This commit is contained in:
0ko 2026-01-20 19:23:31 +01:00 • committed by Beowulf
parent 3595e1e830
commit 953c468b32
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web_src/css/repo.css
View file

@ -887,6 +887,16 @@ citation-information .tab:not(.active) {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 1rem;
span.compare {
/* Same height as .timeline-item .badge for alignment */
height: 34px;
}
}
}
@media (max-width: 767.98px) {
.repository.view.issue .comment-list .timeline-item .forced-push span.compare {
margin-inline-start: 1rem;
}
}