aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-06-11 12:23:01 +0200
committerRigel Kent <sendmemail@rigelk.eu>2020-06-11 12:23:01 +0200
commita7257b0e3e2961cd0885d9fcb5f7723a31998a98 (patch)
treea8d4d05428c3db79d63e9a519439e00d4b414623 /client/src/app
parentfa58a19819cb821a5c5a26802efd492461be9c04 (diff)
downloadPeerTube-a7257b0e3e2961cd0885d9fcb5f7723a31998a98.tar.gz
PeerTube-a7257b0e3e2961cd0885d9fcb5f7723a31998a98.tar.zst
PeerTube-a7257b0e3e2961cd0885d9fcb5f7723a31998a98.zip
prevent video-bottom overflow in video-miniature
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/shared/video/video-miniature.component.scss7
1 files changed, 4 insertions, 3 deletions
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index 34f34f228..1e5580b9a 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -8,9 +8,10 @@ $more-margin-right: 15px;
8.video-miniature { 8.video-miniature {
9 display: inline-flex; 9 display: inline-flex;
10 flex-direction: column; 10 flex-direction: column;
11 margin-bottom: $video-miniature-margin-bottom; 11 padding-bottom: $video-miniature-margin-bottom;
12 height: 195px; 12 height: 195px;
13 vertical-align: top; 13 vertical-align: top;
14 overflow: hidden;
14 15
15 .video-bottom { 16 .video-bottom {
16 display: flex; 17 display: flex;
@@ -109,7 +110,7 @@ $more-margin-right: 15px;
109 &.fit-width { 110 &.fit-width {
110 width: 100%; 111 width: 100%;
111 height: unset; 112 height: unset;
112 margin-bottom: $video-miniature-margin-bottom / 2; 113 padding-bottom: $video-miniature-margin-bottom / 2;
113 114
114 .video-bottom { 115 .video-bottom {
115 width: 100% !important; 116 width: 100% !important;
@@ -126,7 +127,7 @@ $more-margin-right: 15px;
126 127
127 &.display-as-row { 128 &.display-as-row {
128 flex-direction: row; 129 flex-direction: row;
129 margin-bottom: 0; 130 padding-bottom: 0;
130 height: auto; 131 height: auto;
131 display: flex; 132 display: flex;
132 flex-grow: 1; 133 flex-grow: 1;