Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
QuillStyleWrapper: Make iframe responsive when inserted via MDXEditor
Browse files Browse the repository at this point in the history
MDXEditor doesn't add the ql-video class to the iframe element, resulting in layout break on smaller viewports
sashko9807 committed Sep 18, 2023

Verified

This commit was signed with the committer’s verified signature.
ncdc Andy Goldstein
1 parent b080963 commit 868f2df
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/components/common/QuillStyleWrapper.tsx
Original file line number Diff line number Diff line change
@@ -15,7 +15,8 @@ export const QuillStypeWrapper = styled(Grid)(({ theme }) => ({
['.ql-editor, .ql-video']: {
maxWidth: '100%',
},
['.ql-video']: {

['.ql-video, iframe']: {
maxWidth: '100%',
marginInline: 'auto',
},

0 comments on commit 868f2df

Please sign in to comment.