cognito-forms/cognitoforms-wordpress
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixes for Gutenberg modal

Browse Source
This commit is contained in:
Michael Thomas
2022-02-17 20:54:23 -05:00
parent 69ec05cd6a
commit f17d2dfa42
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/select-dialog.tsx
View File

@@ -36,10 +36,11 @@ class SelectDialog extends React.Component<IDialogProps> {
onRequestClose={ () => this.props.setOpen( false ) } onRequestClose={ () => this.props.setOpen( false ) }
shouldCloseOnClickOutside={ false } shouldCloseOnClickOutside={ false }
> >
<FocusableIframe <iframe
style={ { width: '500px', height: '500px', display: 'block' } } style={ { width: '500px', height: '500px', display: 'block' } }
src={ `${ baseUrl }/integrations/cms` } src={ `${ baseUrl }/integrations/cms` }
></FocusableIframe> title="Choose a Form"
></iframe>
</Modal> </Modal>
); );
} }

7
src/styles/editor.scss
View File

@@ -6,7 +6,6 @@
* *
*/ */
// Remove modal padding
.wp-block-cognito-forms-cognito-embed { .wp-block-cognito-forms-cognito-embed {
.components-placeholder__label svg { .components-placeholder__label svg {
height: 24px; height: 24px;
@@ -51,9 +50,15 @@
} }
} }
// Remove modal padding
.cognito-modal { .cognito-modal {
.components-modal__content { .components-modal__content {
padding: initial; padding: initial;
height: fit-content;
}
.components-modal__content::before {
display: none;
} }
.components-modal__content .components-modal__header { .components-modal__content .components-modal__header {