ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix iframe width and height CSS

Browse Source
This commit is contained in:
Wolfgang Huß 2022-01-31 11:43:41 +01:00
parent c5dd01f744
commit 3afb46bfab
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/Embed/EmbedComponent.vue
View File

@ -179,10 +179,24 @@ export default {
} }
.html { .html {
width: 100%; // width: 100%;
// height: 100%;
// see this working solution here: https://stackoverflow.com/questions/35814653/automatic-height-when-embedding-a-youtube-video
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
iframe { iframe {
// width: 100%;
// height: auto;
// same solution example as above
position: absolute;
top: 0;
left: 0;
width: 100%; width: 100%;
height: 100%;
} }
} }