luckyimnotanigger/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-06-21 00:20:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

fix(ui): improve force-push compare line layout (#7746)

Browse source 
On large screens, use grid to force right position of the button.

On small screens, just left it hang out wherever it fits. It's not possible to not make it hide behind mergebox while keeping `float`, and with grid it would overflow too much.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7746
Reviewed-by: Otto <otto@codeberg.org>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
This commit is contained in:
0ko 2025-05-14 23:13:50 +00:00 • committed by Otto
parent 2c9f272d42
commit 0383e2e15a
2 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web_src/css/repo.css
View file

@ -904,15 +904,18 @@ td .commit-summary {
background: var(--color-orange-badge-hover-bg) !important;
}
.repository.view.issue .comment-list .timeline-item .comparebox {
line-height: 32px;
vertical-align: middle;
@media (min-width: 768px) {
.repository.view.issue .comment-list .timeline-item .forced-push {
display: grid;
grid-auto-flow: column;
column-gap: 1rem;
}
}
.repository.view.issue .comment-list .timeline-item .comparebox .compare.label {
.repository.view.issue .comment-list .timeline-item .compare.label {
font-size: 1rem;
margin: 0;
border: 1px solid var(--color-light-border);
height: fit-content;
}
@media (max-width: 767.98px) {