oss/forgejo
oss/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-09-15 18:56:59 +00:00
Code Wiki Activity

ui: improve button gap consistency in repos (#4365)

Browse source 
Improve UI in a few areas in a similar way to dc0d3a40ab. Ensure consistent 0.5em gaps in button rows, make buttons have more consistent horizontal paddings for better clickability.

Preview:
https://codeberg.org/attachments/cfca200a-3b68-4ba8-9876-75cea7822a00
https://codeberg.org/attachments/aaa5d387-919b-45af-8854-6d0f5273125f
https://codeberg.org/attachments/989225b7-b1dd-491d-bf76-7e4a962ea54e

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/4365
Reviewed-by: Earl Warren <earl-warren@noreply.codeberg.org>
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
(cherry picked from commit c19222b22f)
This commit is contained in:
0ko 2024-07-07 03:21:58 +00:00 • committed by GitHub
parent be45927559
commit 64462a6980
6 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web_src/css/repo.css
View file

@ -601,7 +601,7 @@ td .commit-summary {
align-items: center;
}
.repository.view.issue .button-row,
.issue-title .button-row,
.repository.releases .button-row {
display: flex;
}
@ -610,7 +610,7 @@ td .commit-summary {
.repository.view.issue .issue-title {
flex-direction: column;
}
.repository.view.issue .button-row {
.issue-title .button-row {
width: 100%;
margin-top: .5rem;
justify-content: space-between;
@ -1539,7 +1539,6 @@ td .commit-summary {
.diff-detail-actions {
display: flex;
align-items: center;
gap: 0.25em;
justify-content: end;
}
@ -1574,7 +1573,7 @@ td .commit-summary {
}
.repository .diff-detail-box .ui.button {
padding: 0 12px;
padding: 0 1.125em;
height: 30px;
}
@ -1596,7 +1595,7 @@ td .commit-summary {
}
.repository .diff-box .header:not(.resolved-placeholder) .button {
padding: 0 12px;
padding: 0 1.125em;
flex: 0 0 auto;
margin-right: 0;
height: 30px;

1
web_src/css/repo/header.css
View file

@ -33,7 +33,6 @@
display: flex;
flex-flow: row wrap;
word-break: keep-all;
gap: 0.25em;
}
.repo-buttons .ui.labeled.button > .label:hover {