aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/modal
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/modal')
-rw-r--r--client/src/app/modal/instance-config-warning-modal.component.html12
-rw-r--r--client/src/app/modal/instance-config-warning-modal.component.scss10
-rw-r--r--client/src/app/modal/welcome-modal.component.html8
-rw-r--r--client/src/app/modal/welcome-modal.component.scss6
4 files changed, 15 insertions, 21 deletions
diff --git a/client/src/app/modal/instance-config-warning-modal.component.html b/client/src/app/modal/instance-config-warning-modal.component.html
index 5a8290cda..5a8adf726 100644
--- a/client/src/app/modal/instance-config-warning-modal.component.html
+++ b/client/src/app/modal/instance-config-warning-modal.component.html
@@ -7,7 +7,7 @@
7 <div class="modal-body"> 7 <div class="modal-body">
8 <img class="mascot" src="/client/assets/images/mascot/oh.svg" alt="mascot" /> 8 <img class="mascot" src="/client/assets/images/mascot/oh.svg" alt="mascot" />
9 9
10 <p i18n>Hello dear administrator. You enabled user registration on your instance but you did not configure the following fields:</p> 10 <p i18n>You enabled user registration on your instance but did not configure the following fields:</p>
11 11
12 <ul> 12 <ul>
13 <li i18n *ngIf="about.instance.name.toLowerCase() === 'peertube'">Instance name</li> 13 <li i18n *ngIf="about.instance.name.toLowerCase() === 'peertube'">Instance name</li>
@@ -25,11 +25,6 @@
25 Please consider configuring these fields to help people to choose <strong>the appropriate instance</strong>. 25 Please consider configuring these fields to help people to choose <strong>the appropriate instance</strong>.
26 Without them, your instance may not be referenced on the <a target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org">JoinPeerTube website</a>. 26 Without them, your instance may not be referenced on the <a target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org">JoinPeerTube website</a>.
27 </p> 27 </p>
28
29 <div class="configure-instance">
30 <a i18n class="action-button action-button-configure" href="/admin/config/edit-custom" target="_blank" rel="noopener noreferrer">Configure these fields</a>
31 </div>
32
33 </div> 28 </div>
34 29
35 <div class="modal-footer inputs"> 30 <div class="modal-footer inputs">
@@ -37,13 +32,16 @@
37 inputName="stopDisplayModal" [(ngModel)]="stopDisplayModal" 32 inputName="stopDisplayModal" [(ngModel)]="stopDisplayModal"
38 i18n-labelText labelText="Don't show me this warning anymore" 33 i18n-labelText labelText="Don't show me this warning anymore"
39 > 34 >
40
41 </my-peertube-checkbox> 35 </my-peertube-checkbox>
42 36
43 <input 37 <input
44 type="button" role="button" i18n-value value="Close" class="action-button action-button-cancel" 38 type="button" role="button" i18n-value value="Close" class="action-button action-button-cancel"
45 (click)="hide()" (key.enter)="hide()" 39 (click)="hide()" (key.enter)="hide()"
46 > 40 >
41 <a i18n class="action-button action-button-configure" ngbAutofocus
42 href="/admin/config/edit-custom" target="_blank" rel="noopener noreferrer">
43 Configure
44 </a>
47 </div> 45 </div>
48 46
49</ng-template> 47</ng-template>
diff --git a/client/src/app/modal/instance-config-warning-modal.component.scss b/client/src/app/modal/instance-config-warning-modal.component.scss
index 4a76a1319..cc97d64e4 100644
--- a/client/src/app/modal/instance-config-warning-modal.component.scss
+++ b/client/src/app/modal/instance-config-warning-modal.component.scss
@@ -13,17 +13,10 @@ li {
13 margin-bottom: 10px; 13 margin-bottom: 10px;
14} 14}
15 15
16.configure-instance {
17 text-align: center;
18 font-weight: 600;
19 font-size: 18px;
20 margin-top: 40px;
21 margin-bottom: 10px;
22}
23
24.mascot { 16.mascot {
25 display: block; 17 display: block;
26 margin: 0 auto 50px; 18 margin: 0 auto 50px;
19 width: 25%;
27} 20}
28 21
29.action-button-configure { 22.action-button-configure {
@@ -31,4 +24,5 @@ li {
31 24
32 @include peertube-button; 25 @include peertube-button;
33 @include orange-button; 26 @include orange-button;
27 @include disable-default-a-behaviour;
34} 28}
diff --git a/client/src/app/modal/welcome-modal.component.html b/client/src/app/modal/welcome-modal.component.html
index 8bfcc4bf6..81c12d4c0 100644
--- a/client/src/app/modal/welcome-modal.component.html
+++ b/client/src/app/modal/welcome-modal.component.html
@@ -33,9 +33,7 @@
33 33
34 <div class="two-columns"> 34 <div class="two-columns">
35 35
36 <div class="mascot"> 36 <img class="mascot mascot-fw" src="/client/assets/images/mascot/pointing.svg" alt="mascot">
37 <img src="/client/assets/images/mascot/pointing.png" alt="mascot">
38 </div>
39 37
40 <div class="block-links"> 38 <div class="block-links">
41 <div i18n class="subtitle">Useful links</div> 39 <div i18n class="subtitle">Useful links</div>
@@ -51,9 +49,7 @@
51 </div> 49 </div>
52 50
53 <div class="two-columns"> 51 <div class="two-columns">
54 <div class="mascot"> 52 <img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="mascot">
55 <img src="/client/assets/images/mascot/happy.png" alt="mascot">
56 </div>
57 53
58 <div class="block-configuration"> 54 <div class="block-configuration">
59 <div i18n class="subtitle">It's time to configure your instance!</div> 55 <div i18n class="subtitle">It's time to configure your instance!</div>
diff --git a/client/src/app/modal/welcome-modal.component.scss b/client/src/app/modal/welcome-modal.component.scss
index 6214f3b9d..c04772546 100644
--- a/client/src/app/modal/welcome-modal.component.scss
+++ b/client/src/app/modal/welcome-modal.component.scss
@@ -12,9 +12,14 @@
12 margin-top: 50px; 12 margin-top: 50px;
13} 13}
14 14
15.mascot-fw {
16 width: 170px;
17}
18
15.mascot { 19.mascot {
16 display: block; 20 display: block;
17 min-width: 170px; 21 min-width: 170px;
22 margin-right: 2rem;
18} 23}
19 24
20.subtitle { 25.subtitle {
@@ -73,6 +78,7 @@ li {
73.configure-instance-button { 78.configure-instance-button {
74 @include peertube-button; 79 @include peertube-button;
75 @include orange-button; 80 @include orange-button;
81 @include disable-default-a-behaviour;
76 82
77 display: inline-block; 83 display: inline-block;
78} 84}