aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-01-21 11:43:41 +0100
committerChocobozzz <me@florianbigard.com>2020-01-21 13:58:33 +0100
commit7c1f3e73667c013bcebdfbd75d55ba8ef83c6b54 (patch)
tree92f8c03a98d90c0d18cd3a08125653b4fd40f3a9 /client
parent9b82d49da868536701d80ef1071df0e7cd301b7a (diff)
downloadPeerTube-7c1f3e73667c013bcebdfbd75d55ba8ef83c6b54.tar.gz
PeerTube-7c1f3e73667c013bcebdfbd75d55ba8ef83c6b54.tar.zst
PeerTube-7c1f3e73667c013bcebdfbd75d55ba8ef83c6b54.zip
Center search fields (my videos/playlists)
Diffstat (limited to 'client')
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html4
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss1
-rw-r--r--client/src/app/+my-account/my-account-videos/my-account-videos.component.html6
-rw-r--r--client/src/app/+my-account/my-account-videos/my-account-videos.component.scss6
4 files changed, 9 insertions, 8 deletions
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
index 49bf834c4..dd6a0e55b 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
@@ -1,8 +1,6 @@
1<div> 1<div class="video-playlists-header">
2 <h4 i18n>Playlists <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4> 2 <h4 i18n>Playlists <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4>
3</div>
4 3
5<div class="video-playlists-header">
6 <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch" (ngModelChange)="onVideoPlaylistSearchChanged()" /> 4 <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch" (ngModelChange)="onVideoPlaylistSearchChanged()" />
7 5
8 <a class="create-button" routerLink="create"> 6 <a class="create-button" routerLink="create">
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
index 4fb4ed4be..4e4156b22 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
@@ -36,7 +36,6 @@
36.video-playlists-header { 36.video-playlists-header {
37 display: flex; 37 display: flex;
38 justify-content: space-between; 38 justify-content: space-between;
39 text-align: right;
40 margin: 20px 0 50px; 39 margin: 20px 0 50px;
41 40
42 input[type=text] { 41 input[type=text] {
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
index 7479c84f9..b07b9c1a6 100644
--- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
+++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
@@ -1,9 +1,9 @@
1<div> 1<div class="videos-header">
2 <h4 i18n>Videos <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4> 2 <h4 i18n>Videos <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4>
3</div>
4 3
5<div class="videos-header">
6 <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" /> 4 <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" />
5
6 <div class="fake-element"></div>
7</div> 7</div>
8 8
9<my-videos-selection 9<my-videos-selection
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
index f798c50b5..8248cc94f 100644
--- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
+++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
@@ -4,9 +4,13 @@
4.videos-header { 4.videos-header {
5 display: flex; 5 display: flex;
6 justify-content: space-between; 6 justify-content: space-between;
7 text-align: right;
8 margin: 20px 0 50px; 7 margin: 20px 0 50px;
9 8
9 h4,
10 .fake-element {
11 flex: 1;
12 }
13
10 input[type=text] { 14 input[type=text] {
11 @include peertube-input-text(300px); 15 @include peertube-input-text(300px);
12 } 16 }