diff options
author | Chocobozzz <me@florianbigard.com> | 2019-04-05 15:23:41 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-04-05 15:23:41 +0200 |
commit | 3143ae17a014576ec21b535ba9e8266ca727a152 (patch) | |
tree | 6556a402759b8177471486a77e638da65495fb51 /client/src/app/shared/video-playlist/video-playlist-miniature.component.scss | |
parent | 8dfceec44a5eec8b0190d1d5076aab0f03a0cb52 (diff) | |
download | PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.tar.gz PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.tar.zst PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.zip |
Improve playlist element style
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 | 28 |
1 files changed, 15 insertions, 13 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 94edd1177..8947e72d1 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 | |||
@@ -43,18 +43,25 @@ | |||
43 | 43 | ||
44 | .miniature-name { | 44 | .miniature-name { |
45 | @include miniature-name; | 45 | @include miniature-name; |
46 | |||
47 | @include ellipsis-multiline(1.3em, 2); | ||
48 | |||
49 | margin: 0; | ||
46 | } | 50 | } |
47 | 51 | ||
48 | .video-info-by-date { | 52 | .by { |
49 | display: flex; | 53 | @include disable-default-a-behaviour; |
50 | font-size: 13px; | ||
51 | margin: 5px 0; | ||
52 | 54 | ||
53 | .by { | 55 | display: block; |
54 | @include disable-default-a-behaviour; | 56 | color: $grey-foreground-color; |
57 | } | ||
55 | 58 | ||
56 | display: block; | 59 | .privacy-date { |
57 | color: var(--mainForegroundColor); | 60 | margin-top: 5px; |
61 | |||
62 | .video-info-privacy { | ||
63 | font-size: 14px; | ||
64 | font-weight: $font-semibold; | ||
58 | 65 | ||
59 | &::after { | 66 | &::after { |
60 | content: '-'; | 67 | content: '-'; |
@@ -63,11 +70,6 @@ | |||
63 | } | 70 | } |
64 | } | 71 | } |
65 | 72 | ||
66 | .video-info-privacy { | ||
67 | font-size: 13px; | ||
68 | font-weight: $font-semibold; | ||
69 | } | ||
70 | |||
71 | .video-info-description { | 73 | .video-info-description { |
72 | margin-top: 10px; | 74 | margin-top: 10px; |
73 | color: $grey-foreground-color; | 75 | color: $grey-foreground-color; |