diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-06 18:10:57 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-06 18:10:57 +0100 |
commit | 41c3dfac99c41d2daec2a55554bb517ed5d59fc4 (patch) | |
tree | 084c99ccc67b3cfdce52c4e1ede8c174e82a8ad3 /client | |
parent | 6a9e1d42f878c55ac5e2af8a1c98e6fe28a04f36 (diff) | |
download | PeerTube-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.html | 4 | ||||
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 16 |
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 | |||