loading up the forgejo repo on tangled to test page performance
Merge pull request 'fix: Move "forgot_password"-link to fix login tab order' (#5838) from mrsmoer/fix-login-taborder into forgejo
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/5838
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
+7
-18
+7
-4
templates/user/auth/signin_inner.tmpl
+7
-4
templates/user/auth/signin_inner.tmpl
···
17
17
<input id="user_name" type="text" name="user_name" value="{{.user_name}}" autofocus required>
18
18
</div>
19
19
{{if or (not .DisablePassword) .LinkAccountMode}}
20
-
<div class="required field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}} form-field-content-aside-label">
20
+
<div class="required field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
21
21
<label for="password">{{ctx.Locale.Tr "password"}}</label>
22
-
<a href="{{AppSubUrl}}/user/forgot_password">{{ctx.Locale.Tr "auth.forgot_password"}}</a>
23
22
<input id="password" name="password" type="password" value="{{.password}}" autocomplete="current-password" required>
24
23
</div>
25
24
{{end}}
···
52
51
<div class="ui container fluid">
53
52
{{template "user/auth/webauthn_error" .}}
54
53
55
-
{{if .ShowRegistrationButton}}
56
54
<div class="ui attached segment header top tw-max-w-2xl tw-m-auto tw-flex tw-flex-col tw-items-center">
55
+
{{if .ShowRegistrationButton}}
57
56
<div class="field">
58
57
{{ctx.Locale.Tr "auth.hint_register" (printf "%s/user/sign_up" AppSubUrl)}}
58
+
<br>
59
+
</div>
60
+
{{end}}
61
+
<div class="field">
62
+
<a href="{{AppSubUrl}}/user/forgot_password">{{ctx.Locale.Tr "auth.forgot_password"}}</a>
59
63
</div>
60
64
</div>
61
-
{{end}}
62
65
</div>
-14
web_src/css/form.css
-14
web_src/css/form.css
···
500
500
}
501
501
}
502
502
503
-
/* form fields with additional content besides their label, used on login form
504
-
* use like <div class="field"><label/><a/><input/></div> */
505
-
.form-field-content-aside-label {
506
-
display: grid;
507
-
grid-template-columns: 1fr 1fr;
508
-
}
509
-
.form-field-content-aside-label > *:nth-child(2) {
510
-
text-align: right;
511
-
margin-bottom: 4px;
512
-
}
513
-
.form-field-content-aside-label input {
514
-
grid-column: span 2;
515
-
}
516
-
517
503
.ui.form .field > .selection.dropdown {
518
504
min-width: 14em; /* matches the default min width */
519
505
}