diff options
Diffstat (limited to 'client/src/app/shared')
3 files changed, 10 insertions, 29 deletions
diff --git a/client/src/app/shared/shared-main/feeds/feed.component.scss b/client/src/app/shared/shared-main/feeds/feed.component.scss index 333d59440..b655ee708 100644 --- a/client/src/app/shared/shared-main/feeds/feed.component.scss +++ b/client/src/app/shared/shared-main/feeds/feed.component.scss | |||
@@ -2,19 +2,17 @@ | |||
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .feed { | 4 | .feed { |
5 | width: min-content; | 5 | width: 100%; |
6 | 6 | ||
7 | a { | 7 | a { |
8 | color: black; | 8 | color: black; |
9 | display: block; | 9 | display: block; |
10 | } | 10 | } |
11 | } | ||
11 | 12 | ||
12 | my-global-icon { | 13 | my-global-icon { |
13 | cursor: pointer; | 14 | cursor: pointer; |
14 | width: 12px; | 15 | width: 100%; |
15 | position: relative; | ||
16 | top: -2px; | ||
17 | 16 | ||
18 | @include apply-svg-color(pvar(--mainForegroundColor)) | 17 | @include apply-svg-color(pvar(--mainForegroundColor)) |
19 | } | ||
20 | } | 18 | } |
diff --git a/client/src/app/shared/shared-video-miniature/abstract-video-list.html b/client/src/app/shared/shared-video-miniature/abstract-video-list.html index ee5df28be..9ffeac5e8 100644 --- a/client/src/app/shared/shared-video-miniature/abstract-video-list.html +++ b/client/src/app/shared/shared-video-miniature/abstract-video-list.html | |||
@@ -4,6 +4,7 @@ | |||
4 | 4 | ||
5 | <div class="action-block"> | 5 | <div class="action-block"> |
6 | <my-feed *ngIf="syndicationItems" [syndicationItems]="syndicationItems"></my-feed> | 6 | <my-feed *ngIf="syndicationItems" [syndicationItems]="syndicationItems"></my-feed> |
7 | |||
7 | <ng-container *ngFor="let action of actions"> | 8 | <ng-container *ngFor="let action of actions"> |
8 | <a *ngIf="action.routerLink" class="ml-2" [routerLink]="action.routerLink" routerLinkActive="active"> | 9 | <a *ngIf="action.routerLink" class="ml-2" [routerLink]="action.routerLink" routerLinkActive="active"> |
9 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> | 10 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> |
diff --git a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss index 6570b63d0..467ca1d2c 100644 --- a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss +++ b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss | |||
@@ -15,18 +15,9 @@ $iconSize: 16px; | |||
15 | justify-content: space-between; | 15 | justify-content: space-between; |
16 | align-items: center; | 16 | align-items: center; |
17 | 17 | ||
18 | .action-block { | 18 | my-feed { |
19 | ::ng-deep my-feed { | 19 | display: inline-block; |
20 | my-global-icon { | 20 | width: calc(#{$iconSize} - 2px); |
21 | width: calc(#{$iconSize} - 2px); | ||
22 | } | ||
23 | } | ||
24 | |||
25 | a button { | ||
26 | @include peertube-button; | ||
27 | @include grey-button; | ||
28 | @include button-with-icon($iconSize, 3px, -1px); | ||
29 | } | ||
30 | } | 21 | } |
31 | 22 | ||
32 | .moderation-block { | 23 | .moderation-block { |
@@ -34,21 +25,12 @@ $iconSize: 16px; | |||
34 | my-global-icon { | 25 | my-global-icon { |
35 | position: relative; | 26 | position: relative; |
36 | width: $iconSize; | 27 | width: $iconSize; |
37 | top: -2px; | ||
38 | } | 28 | } |
39 | 29 | ||
40 | margin-left: .4rem; | 30 | margin-left: .4rem; |
41 | display: flex; | 31 | display: flex; |
42 | justify-content: flex-end; | 32 | justify-content: flex-end; |
43 | align-items: center; | 33 | align-items: center; |
44 | |||
45 | .dropdown-item { | ||
46 | padding: 0; | ||
47 | |||
48 | ::ng-deep my-peertube-checkbox label { | ||
49 | padding: 3px 15px; | ||
50 | } | ||
51 | } | ||
52 | } | 34 | } |
53 | } | 35 | } |
54 | 36 | ||