interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

prevent video-bottom overflow in video-miniature

This commit is contained in:
Rigel Kent 2020-06-11 12:23:01 +02:00
parent fa58a19819
commit a7257b0e3e
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/app/shared/video/video-miniature.component.scss
View File

@ -8,9 +8,10 @@ $more-margin-right: 15px;
.video-miniature { .video-miniature {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
margin-bottom: $video-miniature-margin-bottom; padding-bottom: $video-miniature-margin-bottom;
height: 195px; height: 195px;
vertical-align: top; vertical-align: top;
overflow: hidden;
.video-bottom { .video-bottom {
display: flex; display: flex;
@ -109,7 +110,7 @@ $more-margin-right: 15px;
&.fit-width { &.fit-width {
width: 100%; width: 100%;
height: unset; height: unset;
margin-bottom: $video-miniature-margin-bottom / 2; padding-bottom: $video-miniature-margin-bottom / 2;
.video-bottom { .video-bottom {
width: 100% !important; width: 100% !important;
@ -126,7 +127,7 @@ $more-margin-right: 15px;
&.display-as-row { &.display-as-row {
flex-direction: row; flex-direction: row;
margin-bottom: 0; padding-bottom: 0;
height: auto; height: auto;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;