Proposal : Improve left tree view

[Kiiow]

Description

The current tree view that we can see on PRs and commits is really cool and help navigate in different files esaily, but it's hard to spot in which folder level a file is.

It would be interesting to improve the padding on the list and add guideline to see faster in which folder a file is.

Screenshots

I've made the modification directly in the browser using the devtools, but i don't know which css files need to be edited to get something like that.

What i've done is:

/* Remove */
.item.filewrapper {
  padding-left: 18px!important;
}
/* Add */
.ui.list .list:not(.icon) {
  padding-left: 0.75em;
  margin-left: 10px;
  border-left: 1px solid #679169;
}

Gitea Version

1.19.0+62-g809225113

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

Windows

Browser Version

Brave Version 1.51.114 Chromium: 113.0.5672.92

[silverwind]

I agree we can add these, but we should use a subtle secondary color. For reference, GitHub also has these, but their color is a bit too subtle. Also we should not increase indendation too much. Space is limited and we need to support deeply nested structures.