1
0
Fork 0
forgejo/templates/user/settings
wxiaoguang ffa4949eaa
Improve flex list UI (#26970)
1. There is already `gt-ac`, so no need to introduce `flex-item-center`
2. The `flex-item-baseline` and `.flex-item-icon svg { margin-top: 1px
}` seem to be a tricky patch, they don't resolve the root problem, and
still cause misalignment in some cases.
* The root problem is: the "icon" needs to align with the sibling
"title"
    * So, make the "icon" and the "title" both have the same height 
3. `flex-text-inline` could only be used if the element is really
"inline", otherwise its `vertical-align` would make the box size change.
In most cases, `flex-text-block` is good enough.


![image](https://github.com/go-gitea/gitea/assets/2114189/1b7acfc2-b1c7-4e9c-a983-2fa932026479)

---------

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: Giteabot <teabot@gitea.io>
2023-09-08 13:57:18 +00:00
..
security Improve flex list UI (#26970) 2023-09-08 13:57:18 +00:00
account.tmpl
actions.tmpl
appearance.tmpl
applications.tmpl Simplify helper CSS classes and avoid abuse (#26728) 2023-08-26 01:35:10 +02:00
applications_oauth2.tmpl
applications_oauth2_edit.tmpl
applications_oauth2_edit_form.tmpl
applications_oauth2_list.tmpl Improve flex list UI (#26970) 2023-09-08 13:57:18 +00:00
grants_oauth2.tmpl Introduce flex-list & flex-item elements for Gitea UI (#25790) 2023-08-01 00:13:42 +02:00
hook_new.tmpl Extract common code to new template (#26933) 2023-09-06 10:11:06 +00:00
hooks.tmpl
keys.tmpl
keys_gpg.tmpl Improve SSH Key / GPG Key / Deploy Key UI (#26949) 2023-09-07 01:13:11 +00:00
keys_principal.tmpl Introduce flex-list & flex-item elements for Gitea UI (#25790) 2023-08-01 00:13:42 +02:00
keys_ssh.tmpl Improve SSH Key / GPG Key / Deploy Key UI (#26949) 2023-09-07 01:13:11 +00:00
layout_footer.tmpl
layout_head.tmpl Reduce margins on user settings page, introduce flex-container (#26046) 2023-07-31 07:16:03 +00:00
navbar.tmpl Differentiate better between user settings and admin settings (#26538) 2023-08-16 10:12:03 +00:00
organization.tmpl Use template context function for avatar rendering (#26385) 2023-08-10 11:19:39 +08:00
packages.tmpl Use docs.gitea.com instead of docs.gitea.io (#26739) 2023-08-27 11:59:12 +00:00
packages_cleanup_rules_edit.tmpl
packages_cleanup_rules_preview.tmpl
profile.tmpl Make "link-action" backend code respond correct JSON content (#26680) 2023-08-23 17:36:57 +08:00
repos.tmpl Remove polluted .ui.right (#26825) 2023-08-31 02:29:59 +00:00
runner_edit.tmpl