aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-06 18:10:57 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-06 18:10:57 +0100
commit41c3dfac99c41d2daec2a55554bb517ed5d59fc4 (patch)
tree084c99ccc67b3cfdce52c4e1ede8c174e82a8ad3 /client
parent6a9e1d42f878c55ac5e2af8a1c98e6fe28a04f36 (diff)
downloadPeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.tar.gz
PeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.tar.zst
PeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.zip
Design other videos in watch video page
Diffstat (limited to 'client')
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.html4
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss16
2 files changed, 20 insertions, 0 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html
index b17392ff1..88d89f9e4 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -159,6 +159,10 @@
159 </div> 159 </div>
160 160
161 <div class="other-videos"> 161 <div class="other-videos">
162 <div class="title-page title-page-single">
163 Other videos
164 </div>
165
162 <div *ngFor="let video of otherVideos"> 166 <div *ngFor="let video of otherVideos">
163 <my-video-miniature [video]="video" [user]="user"></my-video-miniature> 167 <my-video-miniature [video]="video" [user]="user"></my-video-miniature>
164 </div> 168 </div>
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 5064ceb95..d7f47ed75 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -158,6 +158,22 @@
158 } 158 }
159 } 159 }
160 } 160 }
161 }
162
163 .other-videos {
164 .title-page {
165 margin-top: 0;
166 }
167
168 /deep/ .video-miniature {
169 display: flex;
170 height: 100%;
171 margin-bottom: 20px;
161 172
173 .video-miniature-information {
174 margin-left: 10px;
175 }
176 }
162 } 177 }
163} 178}
179