diff options
Diffstat (limited to 'client/src/app/+my-library/+my-video-channels')
-rw-r--r-- | client/src/app/+my-library/+my-video-channels/my-video-channels.component.html | 15 | ||||
-rw-r--r-- | client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss | 17 |
2 files changed, 26 insertions, 6 deletions
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html index e942e002b..a48731e7c 100644 --- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html +++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html | |||
@@ -1,7 +1,16 @@ | |||
1 | <h1> | 1 | <h1> |
2 | <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon> | 2 | <span> |
3 | <ng-container i18n>My channels</ng-container> | 3 | <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon> |
4 | <span *ngIf="totalItems" class="pt-badge badge-secondary">{{ totalItems }}</span> | 4 | <ng-container i18n>My channels</ng-container> |
5 | <span *ngIf="totalItems" class="pt-badge badge-secondary">{{ totalItems }}</span> | ||
6 | </span> | ||
7 | |||
8 | <div> | ||
9 | <a routerLink="/my-library/video-channel-syncs" class="button-link"> | ||
10 | <my-global-icon iconName="repeat" aria-hidden="true"></my-global-icon> | ||
11 | <ng-container i18n>My synchronizations</ng-container> | ||
12 | </a> | ||
13 | </div> | ||
5 | </h1> | 14 | </h1> |
6 | 15 | ||
7 | <my-channels-setup-message [hideLink]="true"></my-channels-setup-message> | 16 | <my-channels-setup-message [hideLink]="true"></my-channels-setup-message> |
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss index ab80f3d01..6c5be9240 100644 --- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss +++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss | |||
@@ -1,9 +1,20 @@ | |||
1 | @use '_variables' as *; | 1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | h1 my-global-icon { | 4 | h1 { |
5 | position: relative; | 5 | display: flex; |
6 | top: -2px; | 6 | justify-content: space-between; |
7 | |||
8 | my-global-icon { | ||
9 | position: relative; | ||
10 | top: -2px; | ||
11 | } | ||
12 | |||
13 | .button-link { | ||
14 | @include peertube-button-link; | ||
15 | @include grey-button; | ||
16 | @include button-with-icon(18px, 3px, -1px); | ||
17 | } | ||
7 | } | 18 | } |
8 | 19 | ||
9 | .create-button { | 20 | .create-button { |