mirror of
1
Fork 0
forgejo/templates/devtest
wxiaoguang 1a9998ce91
Improve flex list item padding (#26779)
Replace #26761

It's better to keep children elements simple, and let parent containers
layout the necessary padding/margin.

The old `not(:last-child)` and `.flex-item + .flex-item` are not easy to
maintain (for example, what if the developer would like to use a "tiny
height" item?)

The old approach also makes some UI look strange because the first item
doesn't have proper padding-top.

In this PR, we just simply use `.flex-item { padding: ... }`:

* Developers could manually set the item height they want easily
* It's easier to make it work with various containers -- with padding
(`ui segment`) and without padding (`div`)

And added more samples/examples.


![image](https://github.com/go-gitea/gitea/assets/2114189/719ea712-0241-4426-b67f-5723993c4ed7)

Co-authored-by: Giteabot <teabot@gitea.io>
2023-08-29 23:13:30 +00:00
..
fetch-action.tmpl Batch delete issue and improve tippy opts (#25253) 2023-06-19 15:46:50 +08:00
flex-list.tmpl Improve flex list item padding (#26779) 2023-08-29 23:13:30 +00:00
fomantic-modal.tmpl Improve modal dialog UI (#26764) 2023-08-28 23:49:21 +00:00
gitea-ui.tmpl Improve some flex layouts (#26649) 2023-08-22 12:57:02 +08:00
list.tmpl Change form actions to fetch for submit review box (#25219) 2023-06-14 16:01:37 +08:00
tmplerr-sub.tmpl Show friendly 500 error page to users and developers (#24110) 2023-04-14 13:19:11 +08:00
tmplerr.tmpl Show friendly 500 error page to users and developers (#24110) 2023-04-14 13:19:11 +08:00