aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/account
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-11 09:39:40 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-11 09:39:40 +0100
commit9b7d1c723d7c11572d91d606954997e413f56a1f (patch)
treed6d9e34910b31e155c8c7a58bfe2fa0fe3677fc6 /client/src/app/account
parenta86309b4af9ad8391822f628d74fc5c7d1a01974 (diff)
downloadPeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.tar.gz
PeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.tar.zst
PeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.zip
Responsive my account
Diffstat (limited to 'client/src/app/account')
-rw-r--r--client/src/app/account/account-videos/account-videos.component.html5
-rw-r--r--client/src/app/account/account-videos/account-videos.component.scss20
2 files changed, 23 insertions, 2 deletions
diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html
index 641fcb38a..77f959fef 100644
--- a/client/src/app/account/account-videos/account-videos.component.html
+++ b/client/src/app/account/account-videos/account-videos.component.html
@@ -1,4 +1,5 @@
1<div 1<div
2 class="videos"
2 infiniteScroll 3 infiniteScroll
3 [infiniteScrollDistance]="0.5" 4 [infiniteScrollDistance]="0.5"
4 [infiniteScrollUpDistance]="1.5" 5 [infiniteScrollUpDistance]="1.5"
@@ -29,10 +30,10 @@
29 </div> 30 </div>
30 </div> 31 </div>
31 32
32 <ng-template [ngIf]="isInSelectionMode() === false"> 33 <div class="video-buttons" *ngIf="isInSelectionMode() === false">
33 <my-delete-button (click)="deleteVideo(video)"></my-delete-button> 34 <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
34 35
35 <my-edit-button [routerLink]="[ '/videos', 'edit', video.uuid ]"></my-edit-button> 36 <my-edit-button [routerLink]="[ '/videos', 'edit', video.uuid ]"></my-edit-button>
36 </ng-template> 37 </div>
37 </div> 38 </div>
38</div> 39</div>
diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss
index 670fe992c..4c00431fa 100644
--- a/client/src/app/account/account-videos/account-videos.component.scss
+++ b/client/src/app/account/account-videos/account-videos.component.scss
@@ -64,3 +64,23 @@
64 } 64 }
65 } 65 }
66} 66}
67
68@media screen and (max-width: 800px) {
69 .video {
70 flex-direction: column;
71 height: auto;
72 text-align: center;
73
74 input[type=checkbox] {
75 display: none;
76 }
77
78 my-video-thumbnail {
79 margin-right: 0;
80 }
81
82 .video-buttons {
83 margin-top: 10px;
84 }
85 }
86}