aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-03-14 14:05:36 +0100
committerChocobozzz <chocobozzz@cpy.re>2019-03-18 11:17:59 +0100
commitbce47964f6241ae56f61089d144b29eb9b5da6d3 (patch)
treecad0a5ef17bc7851d483969453f7b8c2e6edad57 /client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
parent2a10aab3d7634a252a2acc946974df903e6025be (diff)
downloadPeerTube-bce47964f6241ae56f61089d144b29eb9b5da6d3.tar.gz
PeerTube-bce47964f6241ae56f61089d144b29eb9b5da6d3.tar.zst
PeerTube-bce47964f6241ae56f61089d144b29eb9b5da6d3.zip
Add video channel view
Diffstat (limited to 'client/src/app/shared/video-playlist/video-playlist-miniature.component.scss')
-rw-r--r--client/src/app/shared/video-playlist/video-playlist-miniature.component.scss36
1 files changed, 33 insertions, 3 deletions
diff --git a/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
index 72158eb10..94edd1177 100644
--- a/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
+++ b/client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
@@ -11,9 +11,11 @@
11 } 11 }
12 } 12 }
13 13
14 &.to-manage .play-overlay, 14 &.to-manage,
15 &.no-videos { 15 &.no-videos {
16 display: none; 16 .play-overlay {
17 display: none;
18 }
17 } 19 }
18 20
19 .miniature-thumbnail { 21 .miniature-thumbnail {
@@ -34,7 +36,7 @@
34 } 36 }
35 } 37 }
36 38
37 .miniature-bottom { 39 .miniature-info {
38 width: 200px; 40 width: 200px;
39 margin-top: 2px; 41 margin-top: 2px;
40 line-height: normal; 42 line-height: normal;
@@ -42,5 +44,33 @@
42 .miniature-name { 44 .miniature-name {
43 @include miniature-name; 45 @include miniature-name;
44 } 46 }
47
48 .video-info-by-date {
49 display: flex;
50 font-size: 13px;
51 margin: 5px 0;
52
53 .by {
54 @include disable-default-a-behaviour;
55
56 display: block;
57 color: var(--mainForegroundColor);
58
59 &::after {
60 content: '-';
61 margin: 0 3px;
62 }
63 }
64 }
65
66 .video-info-privacy {
67 font-size: 13px;
68 font-weight: $font-semibold;
69 }
70
71 .video-info-description {
72 margin-top: 10px;
73 color: $grey-foreground-color;
74 }
45 } 75 }
46} 76}