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.

[lozn00]

how to use?

[lunny]

how to use?

In PR files changed page

[lozn00]

@lunny
意思是没有正式发布嘛？我的docker 中没有看到相关效果
Does it mean it hasn't been officially released? I didn't see any related effects in my Docker

[lunny]

@lunny 意思是没有正式发布嘛？我的docker 中没有看到相关效果 Does it mean it hasn't been officially released? I didn't see any related effects in my Docker

Click on the icon on your pull request files changed UI.

[lozn00]

https://gitea.com/gitea/awesome-gitea ,how to close issues