You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gitea/web_src/css
wxiaoguang 027014d7de
Fix webauthn regression and improve code (#25113)
Follow:

* #22697

There are some bugs in #22697:

* https://github.com/go-gitea/gitea/pull/22697#issuecomment-1577957966
* the webauthn failure message is never shown and causes console error
* The `document.getElementById('register-button')` and
`document.getElementById('login-button')` is wrong
    * there is no such element in code
    * it causes JS error when a browser doesn't provide webauthn
    * the end user can't see the real error message

These bugs are fixed in this PR.

Other changes:

* Use simple HTML/CSS layouts, no need to use too many `gt-` patches
* Make the webauthn page have correct "page-content" layout
* The "data-webauthn-error-msg" elements are only used to provide locale
texts, so move them into a single "gt-hidden", then no need to repeat a
lot of "gt-hidden" in code
* The `{{.CsrfTokenHtml}}`  is a no-op because there is no form
* Many `hideElem('#webauthn-error')` in code is no-op because the
`webauthn-error` already has "gt-hidden" by default
* Make the tests for "URLEncodedBase64" really test with concrete cases.


Screenshots:

* Error message when webauthn fails (before, there is no error message):

<details>


![image](https://github.com/go-gitea/gitea/assets/2114189/93cf9559-d93b-4f06-9d98-0f7032d9c65b)

</details>

* Error message when webauthn is unavailable 

<details>


![image](https://github.com/go-gitea/gitea/assets/2114189/ffc0fcd9-b93b-4418-979c-c89bb627aaf2)

</details>
2 years ago
..
chroma Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
codemirror Replace Less with CSS (#23481) 2 years ago
editor Rework button coloring, add focus and active colors (#24507) 2 years ago
features Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
markup Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
modules Add button on diff header to copy file name, misc diff header tweaks (#24986) 2 years ago
repo Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
shared Add details summary for vertical menus in settings to allow toggling (#25098) 2 years ago
standalone Add dark mode to API Docs (#24971) 2 years ago
themes Add show timestamp/seconds and fullscreen options to action page (#24876) 2 years ago
actions.css Reorganize CSS files (#24739) 2 years ago
admin.css Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
base.css Add details summary for vertical menus in settings to allow toggling (#25098) 2 years ago
dashboard.css Fix incorrect issuel filter menu style (#25018) 2 years ago
explore.css Consolidate the two review boxes into one (#24738) 2 years ago
font_i18n.css Fix `@font-face` overrides (#24855) 2 years ago
form.css Fix webauthn regression and improve code (#25113) 2 years ago
helpers.css Redesign Scoped Access Tokens (#24767) 2 years ago
home.css Start cleaning the messy ".ui.left / .ui.right", improve label list page, fix stackable menu (#24393) 2 years ago
index.css Add details summary for vertical menus in settings to allow toggling (#25098) 2 years ago
install.css Change `--font-weight-bold` to `--font-weight-semibold` and 600 value, introduce new font weight variables (#24827) 2 years ago
org.css Reorganize CSS files (#24739) 2 years ago
repo.css Clean up WebAuthn javascript code and remove JQuery code (#22697) 2 years ago
review.css Improve accessibility when (re-)viewing files (#24817) 2 years ago
user.css Rework notifications list (#24812) 2 years ago