0
0
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2024-11-05 05:39:14 +01:00
gitea/web_src/css/shared
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
..
flex-list.css Improve flex list item padding (#26779) 2023-08-29 23:13:30 +00:00
milestone.css Various UI fixes (#25264) 2023-06-21 21:59:49 -04:00
repoorg.css Modify width of ui container, fine tune css for settings pages and org header (#24315) 2023-04-26 11:59:08 -04:00
settings.css add stylelint-stylistic (#25285) 2023-06-17 13:20:32 +00:00