github-forks
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Projects Releases Activity
gitea/web_src/css
History
wxiaoguang 1a9998ce91
Improve flex list item padding () 
Replace 

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>
..
chroma Fix dark theme highlight for "NameNamespace" ()
codemirror
…
editor Unify `border-radius` behavior ()
features Unify `border-radius` behavior ()
markup Unify `border-radius` behavior ()
modules Fix notification circle (border-radius) ()
repo Unify `border-radius` behavior ()
shared Improve flex list item padding ()
standalone Add toasts to UI ()
themes Replace box-shadow for `floating` dropdown as well ()
actions.css Introduce `flex-list` & `flex-item` elements for Gitea UI ()
admin.css Fix various line-height styles ()
base.css Fix notification circle (border-radius) ()
dashboard.css Unify `border-radius` behavior ()
explore.css Introduce `flex-list` & `flex-item` elements for Gitea UI ()
font_i18n.css
…
form.css Unify `border-radius` behavior ()
helpers.css Remove some transition related code ()
home.css avoid hard-coding height in language dropdown menu ()
index.css Refactor project templates ()
install.css Make "install page" respect environment config ()
org.css Remove incorrect CSS helper classes ()
repo.css Unify `border-radius` behavior ()
review.css Unify `border-radius` behavior ()
user.css Unify `border-radius` behavior ()