github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-28 15:50:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(frontend): Fix ratio of vimeo frame

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-02-04 14:27:41 +01:00
parent 5a2a3a4964
commit 94c659558e
2 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap
View file

@ -5,11 +5,10 @@ exports[`VimeoFrame renders a click shield 1`] = `
<span> <span>
This is a click shield for This is a click shield for
<span <span
class="embed-responsive embed-responsive-16by9" class="ratio ratio-16x9 d-inline-block"
> >
<iframe <iframe
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
class="embed-responsive-item"
src="https://player.vimeo.com/video/validVimeoId?autoplay=1" src="https://player.vimeo.com/video/validVimeoId?autoplay=1"
title="vimeo video of validVimeoId" title="vimeo video of validVimeoId"
/> />

3
frontend/src/extensions/extra-integrations/vimeo/vimeo-frame.tsx
View file

@ -43,9 +43,8 @@ export const VimeoFrame: React.FC<IdProps> = ({ id }) => {
onImageFetch={getPreviewImageLink} onImageFetch={getPreviewImageLink}
fallbackBackgroundColor={'#00adef'} fallbackBackgroundColor={'#00adef'}
data-cypress-id={'click-shield-vimeo'}> data-cypress-id={'click-shield-vimeo'}>
<span className={'embed-responsive embed-responsive-16by9'}> <span className={'ratio ratio-16x9 d-inline-block'}>
<iframe <iframe
className='embed-responsive-item'
title={`vimeo video of ${id}`} title={`vimeo video of ${id}`}
src={`https://player.vimeo.com/video/${id}?autoplay=1`} src={`https://player.vimeo.com/video/${id}?autoplay=1`}
allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'