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 | |
| parent | 6a9e1d42f878c55ac5e2af8a1c98e6fe28a04f36 (diff) | |
| download | PeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.tar.gz PeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.tar.zst PeerTube-41c3dfac99c41d2daec2a55554bb517ed5d59fc4.zip | |
Design other videos in watch video page
| -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 | |||