diff options
Diffstat (limited to 'client/src')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.html | 9 | ||||
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 2 |
2 files changed, 9 insertions, 2 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 770785d02..2cdbc7aa6 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -33,7 +33,6 @@ | |||
33 | <div> | 33 | <div> |
34 | <div class="d-block d-sm-none"> <!-- only shown on small devices, has its conterpart for larger viewports below --> | 34 | <div class="d-block d-sm-none"> <!-- only shown on small devices, has its conterpart for larger viewports below --> |
35 | <h1 class="video-info-name">{{ video.name }}</h1> | 35 | <h1 class="video-info-name">{{ video.name }}</h1> |
36 | |||
37 | <div i18n class="video-info-date-views"> | 36 | <div i18n class="video-info-date-views"> |
38 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views | 37 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views |
39 | </div> | 38 | </div> |
@@ -161,6 +160,14 @@ | |||
161 | </div> | 160 | </div> |
162 | 161 | ||
163 | <div class="video-attribute"> | 162 | <div class="video-attribute"> |
163 | <span i18n class="video-attribute-label">Originally published on</span> | ||
164 | <span *ngIf="!video.originallyPublishedAt" class="video-attribute-value">Unknown</span> | ||
165 | <span *ngIf="video.originallyPublishedAt" class="video-attribute-value"> | ||
166 | {{ video.originallyPublishedAt | date: 'dd MMMM yyyy' }} | ||
167 | </span> | ||
168 | </div> | ||
169 | |||
170 | <div class="video-attribute"> | ||
164 | <span i18n class="video-attribute-label">Category</span> | 171 | <span i18n class="video-attribute-label">Category</span> |
165 | <span *ngIf="!video.category.id" class="video-attribute-value">{{ video.category.label }}</span> | 172 | <span *ngIf="!video.category.id" class="video-attribute-value">{{ video.category.label }}</span> |
166 | <a | 173 | <a |
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 2586a2204..f96ce8b8f 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -336,7 +336,7 @@ $other-videos-width: 260px; | |||
336 | margin-bottom: 12px; | 336 | margin-bottom: 12px; |
337 | 337 | ||
338 | .video-attribute-label { | 338 | .video-attribute-label { |
339 | min-width: 91px; | 339 | min-width: 142px; |
340 | padding-right: 5px; | 340 | padding-right: 5px; |
341 | display: inline-block; | 341 | display: inline-block; |
342 | color: #585858; | 342 | color: #585858; |