0
0
mirror of https://github.com/go-gitea/gitea.git synced 2024-11-28 06:18:39 +01:00
gitea/web_src/css
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
..
chroma
codemirror
editor Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
features Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
markup Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
modules Fix notification circle (border-radius) (#26794) 2023-08-29 14:03:34 +00:00
repo Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
shared Improve flex list item padding (#26779) 2023-08-29 23:13:30 +00:00
standalone
themes
actions.css
admin.css
base.css Fix notification circle (border-radius) (#26794) 2023-08-29 14:03:34 +00:00
dashboard.css Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
explore.css
font_i18n.css
form.css Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
helpers.css
home.css
index.css
install.css
org.css
repo.css Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
review.css Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00
user.css Unify border-radius behavior (#26770) 2023-08-28 19:43:59 +00:00