forked from gitea/gitea
1
0
Fork 0
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 Fix dark theme highlight for "NameNamespace" (#26519) 2023-08-16 00:10:10 +02:00
codemirror Remove EasyMDE focus outline on text (#25328) 2023-06-18 04:10:07 +00:00
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 Add toasts to UI (#25449) 2023-06-27 02:45:24 +00:00
themes Replace box-shadow for `floating` dropdown as well (#26581) 2023-08-21 12:49:49 +02:00
actions.css Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2023-08-01 00:13:42 +02:00
admin.css Fix various line-height styles (#26553) 2023-08-17 21:50:32 +00:00
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 Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2023-08-01 00:13:42 +02:00
font_i18n.css Fix `@font-face` overrides (#24855) 2023-05-24 01:48:51 +00:00
form.css Unify `border-radius` behavior (#26770) 2023-08-28 19:43:59 +00:00
helpers.css Remove some transition related code (#26755) 2023-08-28 01:26:23 +00:00
home.css avoid hard-coding height in language dropdown menu (#25986) 2023-07-19 23:30:57 +02:00
index.css Refactor project templates (#26448) 2023-08-12 10:30:28 +00:00
install.css Make "install page" respect environment config (#25648) 2023-07-09 22:43:37 +00:00
org.css Remove incorrect CSS helper classes (#26712) 2023-08-25 06:47:59 +00:00
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