Shiloh/githaven
Shiloh/githaven
1
0
Fork 1
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add border to file tree 'sub-items' and add padding to 'item-file' (#27593)

Browse Source 
## Add border to file tree 'sub-items'
close #24766 
view in `gitea-light` 
<img width="275" alt="image"
src="https://github.com/go-gitea/gitea/assets/70063547/f1bf8736-2db3-454f-86f5-d050a2fae3eb">
view in `gitea-dark`
<img width="296" alt="image"
src="https://github.com/go-gitea/gitea/assets/70063547/053e2e6e-28f7-41d2-a139-1dae4df45929">
## Change the 'item-file' padding 
Before that the 'item-file' only have padding when they in
'item-directory', which is too compact when 'item-file' after
'item-directory'
<details>

![)RW`SDJ_UQL@$}0
PL(3DS7](https://github.com/go-gitea/gitea/assets/70063547/5fa523a4-44c3-4cb9-a882-a3ea6d944673)

---------

Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
Nanguan Lin 2023-10-25 18:00:53 +08:00 committed by GitHub
parent e544a277fe
commit 3602a1987d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web_src/js/components/DiffFileTreeItem.vue
View File

@ -61,11 +61,12 @@ a, a:hover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1px; gap: 1px;
padding-left: 8px; margin-left: 13px;
border-left: 1px solid var(--color-secondary);
} }
.sub-items .item-file { .sub-items .item-file {
padding-left: 24px; padding-left: 18px;
} }
.item-file.selected { .item-file.selected {