domi/forgejo-domi
1
0
Fork 0
forked from forgejo/forgejo
Code Pull requests Activity

Improve diff tree spacing (#27714) (#27719)

Browse source 
Backport #27714 by @silverwind

1. Un-indent top-level items, matching GitHub rendering
2. Increase item padding and add 1px gap between items

Before and After:

<img width="247" alt="Screenshot 2023-10-20 at 18 37 32"
src="43c1ce86-1814-4a8a-9dd2-0c4a82a2be7c">
<img width="241" alt="Screenshot 2023-10-20 at 18 40 46"
src="b541b85b-c428-4903-becd-773ae5807495">

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: 6543 <m.huber@kithara.com>
This commit is contained in:
Giteabot 2023-10-21 18:44:58 +08:00 • committed by GitHub
parent 8885108c42
commit a398089301
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
web_src/js/components/DiffFileTreeItem.vue
View file

@ -58,11 +58,14 @@ a, a:hover {
}
.sub-items {
padding-left: 9px;
display: flex;
flex-direction: column;
gap: 1px;
padding-left: 8px;
}
.item-file {
margin-left: 20px;
.sub-items .item-file {
padding-left: 24px;
}
.item-file.selected {
@ -80,7 +83,7 @@ a, a:hover {
display: flex;
align-items: center;
gap: 0.25em;
padding: 2px;
padding: 3px 6px;
}
.item-file:hover,