mirror of
1
Fork 0
forgejo/web_src/css
Giteabot 3ea544d89c
Change access token UI to select dropdowns (#25109) (#25230)
Backport #25109 by @jtran

The current UI to create API access tokens uses checkboxes that have a
complicated relationship where some need to be checked and/or disabled
in certain states. It also requires that a user interact with it to
understand what their options really are.

This branch changes to use `<select>`s. It better fits the available
options, and it's closer to [GitHub's
UI](https://github.com/settings/personal-access-tokens/new), which is
good, in my opinion. It's more mobile friendly since the tap-areas are
larger. If we ever add more permissions, like Maintainer, there's a
natural place that doesn't take up more screen real-estate.

This branch also fixes a few minor issues:

- Hide the error about selecting at least one permission after second
submission
- Fix help description to call it "authorization" since that's what
permissions are about (not authentication)

Related: #24767.

<img width="883" alt="Screenshot 2023-06-07 at 5 07 34 PM"
src="https://github.com/go-gitea/gitea/assets/10803/6b63d807-c9be-4a4b-8e53-ecab6cbb8f76">

---

When it's open:

<img width="881" alt="Screenshot 2023-06-07 at 5 07 59 PM"
src="https://github.com/go-gitea/gitea/assets/10803/2432c6d0-39c2-4ca4-820e-c878ffdbfb69">

Co-authored-by: Jonathan Tran <jon@allspice.io>
2023-06-13 12:42:25 +00:00
..
chroma Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2023-05-21 23:37:32 +00:00
codemirror Replace Less with CSS (#23481) 2023-03-14 22:20:19 -04:00
editor Rework button coloring, add focus and active colors (#24507) 2023-05-29 12:45:22 +00:00
features Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2023-05-21 23:37:32 +00:00
markup Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2023-05-21 23:37:32 +00:00
modules Change access token UI to select dropdowns (#25109) (#25230) 2023-06-13 12:42:25 +00:00
repo Button and color enhancements (#24989) (#25176) 2023-06-11 02:13:08 +00:00
shared Button and color enhancements (#24989) (#25176) 2023-06-11 02:13:08 +00:00
standalone Add dark mode to API Docs (#24971) 2023-05-28 21:37:34 +00:00
themes Minor arc-green color tweaks (#25175) (#25205) 2023-06-12 13:56:59 +02:00
actions.css Reorganize CSS files (#24739) 2023-05-16 00:13:30 -04:00
admin.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
base.css Remove hacky patch for "safari emoji glitch fix" (#25208) (#25211) 2023-06-12 18:16:04 +02:00
dashboard.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
explore.css Improve notification icon and navbar (#25111) (#25124) 2023-06-08 10:19:13 +00:00
font_i18n.css Fix `@font-face` overrides (#24855) 2023-05-24 01:48:51 +00:00
form.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
helpers.css Button and color enhancements (#24989) (#25176) 2023-06-11 02:13:08 +00:00
home.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
index.css Change access token UI to select dropdowns (#25109) (#25230) 2023-06-13 12:42:25 +00:00
install.css Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2023-05-21 23:37:32 +00:00
org.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
repo.css Button and color enhancements (#24989) (#25176) 2023-06-11 02:13:08 +00:00
review.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
user.css Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00