diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-10 17:05:55 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-10 17:05:55 +0200 |
commit | c2faa073d113f410275021ed4de4b60fef118c13 (patch) | |
tree | b21a4a26be6b73d7583da4b4cc3dccc7b5437532 /client/src/app/+videos/+video-watch/shared/metadata | |
parent | 3e3b360c53f43f354fe9b191b69cda444fabf712 (diff) | |
download | PeerTube-c2faa073d113f410275021ed4de4b60fef118c13.tar.gz PeerTube-c2faa073d113f410275021ed4de4b60fef118c13.tar.zst PeerTube-c2faa073d113f410275021ed4de4b60fef118c13.zip |
Replace glyphicon chevron
Diffstat (limited to 'client/src/app/+videos/+video-watch/shared/metadata')
4 files changed, 7 insertions, 21 deletions
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.html b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.html index 10ff46595..52ad1999d 100644 --- a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.html +++ b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.html | |||
@@ -11,9 +11,11 @@ | |||
11 | >{{ video.originInstanceHost }}</a> | 11 | >{{ video.originInstanceHost }}</a> |
12 | 12 | ||
13 | <a | 13 | <a |
14 | i18n-title title="Open the video on the origin instance" class="glyphicon glyphicon-new-window" | 14 | i18n-title title="Open the video on the origin instance" |
15 | target="_blank" rel="noopener noreferrer" [href]="video.url" | 15 | target="_blank" rel="noopener noreferrer" [href]="video.url" |
16 | ></a> | 16 | > |
17 | <my-global-icon iconName="external-link"></my-global-icon> | ||
18 | </a> | ||
17 | </div> | 19 | </div> |
18 | 20 | ||
19 | <div *ngIf="!!video.originallyPublishedAt" class="attribute attribute-originally-published-at"> | 21 | <div *ngIf="!!video.originallyPublishedAt" class="attribute attribute-originally-published-at"> |
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss index 26bead124..1470a9f6d 100644 --- a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss +++ b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss | |||
@@ -33,12 +33,6 @@ a.attribute-value { | |||
33 | } | 33 | } |
34 | } | 34 | } |
35 | 35 | ||
36 | .glyphicon-new-window { | ||
37 | color: pvar(--inputPlaceholderColor); | ||
38 | margin-left: 5px; | ||
39 | font-size: 12px; | ||
40 | } | ||
41 | |||
42 | @media screen and (max-width: 1600px) { | 36 | @media screen and (max-width: 1600px) { |
43 | .attributes .attribute { | 37 | .attributes .attribute { |
44 | margin-bottom: 5px; | 38 | margin-bottom: 5px; |
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.html b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.html index 835d0e89f..fa4dbb3ca 100644 --- a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.html +++ b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.html | |||
@@ -8,12 +8,12 @@ | |||
8 | 8 | ||
9 | <div class="video-info-description-more" *ngIf="completeDescriptionShown === false && video.description?.length >= 250" (click)="showMoreDescription()"> | 9 | <div class="video-info-description-more" *ngIf="completeDescriptionShown === false && video.description?.length >= 250" (click)="showMoreDescription()"> |
10 | <ng-container i18n>Show more</ng-container> | 10 | <ng-container i18n>Show more</ng-container> |
11 | <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-down"></span> | 11 | <span *ngIf="descriptionLoading === false" class="chevron-down"></span> |
12 | <my-loader size="sm" class="description-loading" [loading]="descriptionLoading"></my-loader> | 12 | <my-loader size="sm" class="description-loading" [loading]="descriptionLoading"></my-loader> |
13 | </div> | 13 | </div> |
14 | 14 | ||
15 | <div *ngIf="completeDescriptionShown === true" (click)="showLessDescription()" class="video-info-description-more"> | 15 | <div *ngIf="completeDescriptionShown === true" (click)="showLessDescription()" class="video-info-description-more"> |
16 | <ng-container i18n>Show less</ng-container> | 16 | <ng-container i18n>Show less</ng-container> |
17 | <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-up"></span> | 17 | <span *ngIf="descriptionLoading === false" class="chevron-up"></span> |
18 | </div> | 18 | </div> |
19 | </div> | 19 | </div> |
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss index fc8b4574c..147bc4d7f 100644 --- a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss +++ b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss | |||
@@ -17,13 +17,8 @@ | |||
17 | } | 17 | } |
18 | } | 18 | } |
19 | 19 | ||
20 | .glyphicon, | ||
21 | .description-loading { | 20 | .description-loading { |
22 | @include margin-left(3px); | 21 | @include margin-left(5px); |
23 | } | ||
24 | |||
25 | .description-loading { | ||
26 | display: inline-block; | ||
27 | } | 22 | } |
28 | 23 | ||
29 | .video-info-description-more { | 24 | .video-info-description-more { |
@@ -31,11 +26,6 @@ | |||
31 | font-weight: $font-semibold; | 26 | font-weight: $font-semibold; |
32 | color: pvar(--greyForegroundColor); | 27 | color: pvar(--greyForegroundColor); |
33 | font-size: 14px; | 28 | font-size: 14px; |
34 | |||
35 | .glyphicon { | ||
36 | position: relative; | ||
37 | top: 2px; | ||
38 | } | ||
39 | } | 29 | } |
40 | } | 30 | } |
41 | 31 | ||