repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Add video title to top of youtube embed

Browse source
This commit is contained in:
Jake Howard 2022-09-23 09:23:22 +01:00
parent e619e8da3a
commit d68be02780
Signed by: jake
GPG key ID: 57AFB45680EDD477
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/src/scss/_blocks.scss
View file

@ -33,6 +33,20 @@ div.block-iframe {
div.block-embed { div.block-embed {
lite-youtube { lite-youtube {
@include center-block(50%); @include center-block(50%);
// Add video title to top of player
&::before {
content: attr(playlabel);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: $white;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 65px; // 50px + padding-top
text-shadow: 0 0 2px color.adjust($black, $alpha: -0.5); // Stolen from YouTube player
font-size: 90%;
}
} }
} }