diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-29 15:27:31 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-29 15:27:40 +0200 |
commit | 76b8d72e324d3a148beec38ed7b36ccfd5eb4009 (patch) | |
tree | 212750bad99f7a1b1b36a944d60ef252b366bc9a | |
parent | ed76401ecd85e3fd69bae816bf92e4492810a464 (diff) | |
download | PeerTube-76b8d72e324d3a148beec38ed7b36ccfd5eb4009.tar.gz PeerTube-76b8d72e324d3a148beec38ed7b36ccfd5eb4009.tar.zst PeerTube-76b8d72e324d3a148beec38ed7b36ccfd5eb4009.zip |
Playlist miniature consistent font size
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss index 27955cc3b..c350192f4 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss | |||
@@ -42,9 +42,6 @@ | |||
42 | 42 | ||
43 | .miniature-name { | 43 | .miniature-name { |
44 | @include miniature-name; | 44 | @include miniature-name; |
45 | |||
46 | margin-top: 10px; | ||
47 | margin-bottom: 5px; | ||
48 | } | 45 | } |
49 | 46 | ||
50 | .by { | 47 | .by { |
@@ -76,6 +73,11 @@ | |||
76 | 73 | ||
77 | .miniature:not(.display-as-row) { | 74 | .miniature:not(.display-as-row) { |
78 | 75 | ||
76 | .miniature-name { | ||
77 | margin-top: 10px; | ||
78 | margin-bottom: 5px; | ||
79 | } | ||
80 | |||
79 | .miniature-thumbnail { | 81 | .miniature-thumbnail { |
80 | @include block-ratio($selector: '::ng-deep a'); | 82 | @include block-ratio($selector: '::ng-deep a'); |
81 | 83 | ||
@@ -90,6 +92,10 @@ | |||
90 | 92 | ||
91 | display: flex; | 93 | display: flex; |
92 | 94 | ||
95 | .miniature-name { | ||
96 | @include ellipsis-multiline($video-miniature-row-name-font-size, 2); | ||
97 | } | ||
98 | |||
93 | .miniature-thumbnail { | 99 | .miniature-thumbnail { |
94 | @include margin-right(10px); | 100 | @include margin-right(10px); |
95 | 101 | ||