github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-24 18:56:32 -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>
This is a click shield for
<span
class="embed-responsive embed-responsive-16by9"
class="ratio ratio-16x9 d-inline-block"
>
<iframe
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
class="embed-responsive-item"
src="https://player.vimeo.com/video/validVimeoId?autoplay=1"
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}
fallbackBackgroundColor={'#00adef'}
data-cypress-id={'click-shield-vimeo'}>
<span className={'embed-responsive embed-responsive-16by9'}>
<span className={'ratio ratio-16x9 d-inline-block'}>
<iframe
className='embed-responsive-item'
title={`vimeo video of ${id}`}
src={`https://player.vimeo.com/video/${id}?autoplay=1`}
allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'