aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+admin
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2017-12-20 14:29:55 +0100
committerChocobozzz <me@florianbigard.com>2017-12-20 14:29:55 +0100
commit15a7387da888492068e2ce3d1e39639d142f6c6e (patch)
tree8eaec71d11c19a97dc99e4d9812dfc0c646dd9e7 /client/src/app/+admin
parenta4b8a4ddccc926e0670d3687cccd52496f6f8a8f (diff)
downloadPeerTube-15a7387da888492068e2ce3d1e39639d142f6c6e.tar.gz
PeerTube-15a7387da888492068e2ce3d1e39639d142f6c6e.tar.zst
PeerTube-15a7387da888492068e2ce3d1e39639d142f6c6e.zip
Customize select
Diffstat (limited to 'client/src/app/+admin')
-rw-r--r--client/src/app/+admin/users/user-edit/user-edit.component.html30
-rw-r--r--client/src/app/+admin/users/user-edit/user-edit.component.scss4
2 files changed, 19 insertions, 15 deletions
diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.html b/client/src/app/+admin/users/user-edit/user-edit.component.html
index 963e2f39a..77aa613a1 100644
--- a/client/src/app/+admin/users/user-edit/user-edit.component.html
+++ b/client/src/app/+admin/users/user-edit/user-edit.component.html
@@ -7,7 +7,7 @@
7 <div class="form-group" *ngIf="isCreation()"> 7 <div class="form-group" *ngIf="isCreation()">
8 <label for="username">Username</label> 8 <label for="username">Username</label>
9 <input 9 <input
10 type="text" class="form-control" id="username" placeholder="john" 10 type="text" id="username" placeholder="john"
11 formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" 11 formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
12 > 12 >
13 <div *ngIf="formErrors.username" class="form-error"> 13 <div *ngIf="formErrors.username" class="form-error">
@@ -18,7 +18,7 @@
18 <div class="form-group"> 18 <div class="form-group">
19 <label for="email">Email</label> 19 <label for="email">Email</label>
20 <input 20 <input
21 type="text" class="form-control" id="email" placeholder="mail@example.com" 21 type="text" id="email" placeholder="mail@example.com"
22 formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" 22 formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
23 > 23 >
24 <div *ngIf="formErrors.email" class="form-error"> 24 <div *ngIf="formErrors.email" class="form-error">
@@ -29,7 +29,7 @@
29 <div class="form-group" *ngIf="isCreation()"> 29 <div class="form-group" *ngIf="isCreation()">
30 <label for="password">Password</label> 30 <label for="password">Password</label>
31 <input 31 <input
32 type="password" class="form-control" id="password" 32 type="password" id="password"
33 formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" 33 formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
34 > 34 >
35 <div *ngIf="formErrors.password" class="form-error"> 35 <div *ngIf="formErrors.password" class="form-error">
@@ -39,11 +39,13 @@
39 39
40 <div class="form-group"> 40 <div class="form-group">
41 <label for="role">Role</label> 41 <label for="role">Role</label>
42 <select class="form-control" id="role" formControlName="role"> 42 <div class="peertube-select-container">
43 <option *ngFor="let role of roles" [value]="role.value"> 43 <select id="role" formControlName="role">
44 {{ role.label }} 44 <option *ngFor="let role of roles" [value]="role.value">
45 </option> 45 {{ role.label }}
46 </select> 46 </option>
47 </select>
48 </div>
47 49
48 <div *ngIf="formErrors.role" class="form-error"> 50 <div *ngIf="formErrors.role" class="form-error">
49 {{ formErrors.role }} 51 {{ formErrors.role }}
@@ -52,11 +54,13 @@
52 54
53 <div class="form-group"> 55 <div class="form-group">
54 <label for="videoQuota">Video quota</label> 56 <label for="videoQuota">Video quota</label>
55 <select class="form-control" id="videoQuota" formControlName="videoQuota"> 57 <div class="peertube-select-container">
56 <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value"> 58 <select id="videoQuota" formControlName="videoQuota">
57 {{ videoQuotaOption.label }} 59 <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value">
58 </option> 60 {{ videoQuotaOption.label }}
59 </select> 61 </option>
62 </select>
63 </div>
60 64
61 <div class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()"> 65 <div class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()">
62 Transcoding is enabled on server. The video quota only take in account <strong>original</strong> video. <br /> 66 Transcoding is enabled on server. The video quota only take in account <strong>original</strong> video. <br />
diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.scss b/client/src/app/+admin/users/user-edit/user-edit.component.scss
index 1bb1c5f0f..59bb8e3e4 100644
--- a/client/src/app/+admin/users/user-edit/user-edit.component.scss
+++ b/client/src/app/+admin/users/user-edit/user-edit.component.scss
@@ -10,8 +10,8 @@ input:not([type=submit]) {
10 display: block; 10 display: block;
11} 11}
12 12
13select { 13.peertube-select-container {
14 @include peertube-select(340px); 14 @include peertube-select-container(340px);
15} 15}
16 16
17input[type=submit] { 17input[type=submit] {