diff options
author | Chocobozzz <me@florianbigard.com> | 2019-03-14 14:05:36 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2019-03-18 11:17:59 +0100 |
commit | bce47964f6241ae56f61089d144b29eb9b5da6d3 (patch) | |
tree | cad0a5ef17bc7851d483969453f7b8c2e6edad57 /client/src/app/shared/video-playlist/video-playlist-miniature.component.scss | |
parent | 2a10aab3d7634a252a2acc946974df903e6025be (diff) | |
download | PeerTube-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.scss | 36 |
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 | } |