aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-04-15 15:31:03 +0200
committerChocobozzz <me@florianbigard.com>2021-04-15 15:31:03 +0200
commit205e4f56f3da1f787f1bc2cdfcc39948a99a16b1 (patch)
tree5bb1b37b2ec1a55f61247b83e1a8593c06804e2a /client/src/app/shared
parentf6500729850549e632399155d0f3b69822e28b16 (diff)
downloadPeerTube-205e4f56f3da1f787f1bc2cdfcc39948a99a16b1.tar.gz
PeerTube-205e4f56f3da1f787f1bc2cdfcc39948a99a16b1.tar.zst
PeerTube-205e4f56f3da1f787f1bc2cdfcc39948a99a16b1.zip
Refactor feed component
Diffstat (limited to 'client/src/app/shared')
-rw-r--r--client/src/app/shared/shared-main/feeds/feed.component.scss14
-rw-r--r--client/src/app/shared/shared-video-miniature/abstract-video-list.html1
-rw-r--r--client/src/app/shared/shared-video-miniature/abstract-video-list.scss24
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 { 13my-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