Mirrors/Plex-Meta-Manager
2
0
Fork 0
mirror of https://github.com/meisnate12/Plex-Meta-Manager synced 2024-11-10 06:54:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add Responsive YT Video Embedding styling

Browse source 
The IBRACORP YouTube video embed was causing overflow scrolling horizontally on smaller screens/mobile devices.  Just tweaked some CSS to make the embed iframe responsive, which solves the horizontal overflow problem.
This commit is contained in:
OhMyBahGosh 2022-11-07 20:58:28 -05:00 committed by GitHub
parent 7c733e14b4
commit 8d523c3fbc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
docs/_static/custom.css vendored
View file

@ -187,4 +187,24 @@ a .logo-hover {
}
a:hover .logo-hover {
display: block;
}
}
/* Responsive YT Video Embedding */
.responsiveYT {
position: relative;
height: 0;
padding-top: 56%;
overflow: hidden;
max-width: 100%;
}
.responsiveYT iframe,
.responsiveYT object,
.responsiveYT embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsiveYT .fluid-vids {
position: initial !important
}