aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-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;