aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-23 23:43:51 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-03-23 23:43:53 +0100
commit5411da31d1070654e4c4b80ad3ad6889b048a4db (patch)
tree5a7d09243bac71d27f8007f3dac21d3e8035b773 /client/src/app/shared
parent5a390259b24cb7a4350a0c95380bd362e4542d83 (diff)
downloadPeerTube-5411da31d1070654e4c4b80ad3ad6889b048a4db.tar.gz
PeerTube-5411da31d1070654e4c4b80ad3ad6889b048a4db.tar.zst
PeerTube-5411da31d1070654e4c4b80ad3ad6889b048a4db.zip
Describe user video settings checkboxes, put emphasis on p2p
Also improve more info links about p2p and privacy in PeerTube, present in the privacy concern notice and in the video settings.
Diffstat (limited to 'client/src/app/shared')
-rw-r--r--client/src/app/shared/forms/peertube-checkbox.component.html2
-rw-r--r--client/src/app/shared/forms/peertube-checkbox.component.scss15
-rw-r--r--client/src/app/shared/forms/peertube-checkbox.component.ts1
3 files changed, 18 insertions, 0 deletions
diff --git a/client/src/app/shared/forms/peertube-checkbox.component.html b/client/src/app/shared/forms/peertube-checkbox.component.html
index c740d852c..704f3e696 100644
--- a/client/src/app/shared/forms/peertube-checkbox.component.html
+++ b/client/src/app/shared/forms/peertube-checkbox.component.html
@@ -29,6 +29,8 @@
29 <ng-template *ngTemplateOutlet="helpTemplate"></ng-template> 29 <ng-template *ngTemplateOutlet="helpTemplate"></ng-template>
30 </ng-template> 30 </ng-template>
31 </my-help> 31 </my-help>
32
33 <div *ngIf="recommended" class="recommended" i18n>Recommended</div>
32 </div> 34 </div>
33 35
34 <div class="ml-4 d-flex flex-column"> 36 <div class="ml-4 d-flex flex-column">
diff --git a/client/src/app/shared/forms/peertube-checkbox.component.scss b/client/src/app/shared/forms/peertube-checkbox.component.scss
index 3120509b3..c1233e8a5 100644
--- a/client/src/app/shared/forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/forms/peertube-checkbox.component.scss
@@ -34,4 +34,19 @@
34 .wrapper:empty { 34 .wrapper:empty {
35 display: none; 35 display: none;
36 } 36 }
37
38 .recommended {
39 margin-left: .5rem;
40 align-self: baseline;
41 display: inline-block;
42 padding: 4px 6px;
43 cursor: default;
44 border-radius: 3px;
45 font-size: 12px;
46 line-height: 12px;
47 font-weight: 500;
48 color: var(--inputPlaceholderColor);
49 background-color: rgba(217,225,232,.1);
50 border: 1px solid rgba(217,225,232,.5);
51 }
37} \ No newline at end of file 52} \ No newline at end of file
diff --git a/client/src/app/shared/forms/peertube-checkbox.component.ts b/client/src/app/shared/forms/peertube-checkbox.component.ts
index cb7ec8eda..89e79fecd 100644
--- a/client/src/app/shared/forms/peertube-checkbox.component.ts
+++ b/client/src/app/shared/forms/peertube-checkbox.component.ts
@@ -21,6 +21,7 @@ export class PeertubeCheckboxComponent implements ControlValueAccessor, AfterCon
21 @Input() labelInnerHTML: string 21 @Input() labelInnerHTML: string
22 @Input() helpPlacement = 'top auto' 22 @Input() helpPlacement = 'top auto'
23 @Input() disabled = false 23 @Input() disabled = false
24 @Input() recommended = false
24 25
25 @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'label' | 'help'>> 26 @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'label' | 'help'>>
26 27