aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorKimsible <1877318+kimsible@users.noreply.github.com>2020-11-24 13:47:24 +0100
committerGitHub <noreply@github.com>2020-11-24 13:47:24 +0100
commitab0beac72fa26ec040275b668cd0dc8b3b8744f1 (patch)
treedc04713cabb7273d5c12b051ed16bbd543b83e56
parentb2aecc1ecbed7449b9486812c573993b4582a267 (diff)
downloadPeerTube-ab0beac72fa26ec040275b668cd0dc8b3b8744f1.tar.gz
PeerTube-ab0beac72fa26ec040275b668cd0dc8b3b8744f1.tar.zst
PeerTube-ab0beac72fa26ec040275b668cd0dc8b3b8744f1.zip
fix forgotten/reset password UI (#3351)
Co-authored-by: kimsible <kimsible@users.noreply.github.com> Co-authored-by: Rigel Kent <par@rigelk.eu>
-rw-r--r--client/src/app/+login/login.component.html6
-rw-r--r--client/src/app/+login/login.component.scss29
2 files changed, 34 insertions, 1 deletions
diff --git a/client/src/app/+login/login.component.html b/client/src/app/+login/login.component.html
index 599b203ae..7ceae9311 100644
--- a/client/src/app/+login/login.component.html
+++ b/client/src/app/+login/login.component.html
@@ -91,6 +91,10 @@
91 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system. 91 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system.
92 </div> 92 </div>
93 93
94 <div *ngIf="!isEmailDisabled()" class="forgot-password-instructions" i18n>
95 Enter your email address and we will send you a link to reset your password.
96 </div>
97
94 <div class="form-group" [hidden]="isEmailDisabled()"> 98 <div class="form-group" [hidden]="isEmailDisabled()">
95 <label i18n for="forgot-password-email">Email</label> 99 <label i18n for="forgot-password-email">Email</label>
96 <input 100 <input
@@ -107,7 +111,7 @@
107 > 111 >
108 112
109 <input 113 <input
110 type="submit" i18n-value value="Send me an email to reset my password" class="action-button-submit" 114 type="submit" i18n-value="Password reset button" value="Reset" class="action-button-submit"
111 (click)="askResetPassword()" [disabled]="!forgotPasswordEmailInput.validity.valid" 115 (click)="askResetPassword()" [disabled]="!forgotPasswordEmailInput.validity.valid"
112 > 116 >
113 </div> 117 </div>
diff --git a/client/src/app/+login/login.component.scss b/client/src/app/+login/login.component.scss
index fde6cc15e..9ba09e9e4 100644
--- a/client/src/app/+login/login.component.scss
+++ b/client/src/app/+login/login.component.scss
@@ -17,6 +17,35 @@ input[type=submit] {
17 @include orange-button; 17 @include orange-button;
18} 18}
19 19
20.modal-body {
21 text-align: left;
22
23 .forgot-password-instructions {
24 margin-bottom: 20px;
25 }
26}
27
28.modal-footer.inputs {
29 .action-button.action-button-cancel {
30 width: auto !important;
31 display: inline-block;
32 }
33}
34
35@media screen and (max-width: #{map-get($container-max-widths, sm)}) {
36 .modal-body {
37 #forgot-password-email {
38 width: 100%;
39 }
40 }
41
42 .modal-footer.inputs {
43 .action-button.action-button-cancel {
44 display: none;
45 }
46 }
47}
48
20.create-an-account, .forgot-password-button { 49.create-an-account, .forgot-password-button {
21 color: pvar(--mainForegroundColor); 50 color: pvar(--mainForegroundColor);
22 cursor: pointer; 51 cursor: pointer;