[Save Modal] Quick Fix for Scrollbar (#94640)

* quick fixes for no scroll bar on save modals
This commit is contained in:
Devon Thomson 2021-03-16 11:55:11 -04:00 committed by GitHub
parent f90a4d95a5
commit bae6021d7f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions

View file

@ -71,7 +71,7 @@ export class CustomizePanelModal extends Component<CustomizePanelProps, State> {
return ( return (
<EuiFocusTrap clickOutsideDisables={true} initialFocus={'.panelTitleInputText'}> <EuiFocusTrap clickOutsideDisables={true} initialFocus={'.panelTitleInputText'}>
<EuiOutsideClickDetector onOutsideClick={this.props.cancel}> <EuiOutsideClickDetector onOutsideClick={this.props.cancel}>
<div role="dialog" aria-modal="true" aria-labelledby={titleId}> <div role="dialog" aria-modal="true" aria-labelledby={titleId} className="euiModal__flex">
<EuiModalHeader> <EuiModalHeader>
<EuiModalHeaderTitle data-test-subj="customizePanelTitle"> <EuiModalHeaderTitle data-test-subj="customizePanelTitle">
<h2 id={titleId}>Customize panel</h2> <h2 id={titleId}>Customize panel</h2>

View file

@ -7,6 +7,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
onClose={[Function]} onClose={[Function]}
> >
<form <form
className="euiModal__flex"
onSubmit={[Function]} onSubmit={[Function]}
> >
<EuiModalHeader> <EuiModalHeader>
@ -103,6 +104,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
onClose={[Function]} onClose={[Function]}
> >
<form <form
className="euiModal__flex"
onSubmit={[Function]} onSubmit={[Function]}
> >
<EuiModalHeader> <EuiModalHeader>
@ -199,6 +201,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
onClose={[Function]} onClose={[Function]}
> >
<form <form
className="euiModal__flex"
onSubmit={[Function]} onSubmit={[Function]}
> >
<EuiModalHeader> <EuiModalHeader>
@ -295,6 +298,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
onClose={[Function]} onClose={[Function]}
> >
<form <form
className="euiModal__flex"
onSubmit={[Function]} onSubmit={[Function]}
> >
<EuiModalHeader> <EuiModalHeader>

View file

@ -128,7 +128,7 @@ export class SavedObjectSaveModal extends React.Component<Props, SaveModalState>
className={`kbnSavedObjectSaveModal${hasColumns ? ' kbnSavedObjectsSaveModal--wide' : ''}`} className={`kbnSavedObjectSaveModal${hasColumns ? ' kbnSavedObjectsSaveModal--wide' : ''}`}
onClose={this.props.onClose} onClose={this.props.onClose}
> >
<form onSubmit={this.onFormSubmit}> <form onSubmit={this.onFormSubmit} className="euiModal__flex">
<EuiModalHeader> <EuiModalHeader>
<EuiModalHeaderTitle> <EuiModalHeaderTitle>
<FormattedMessage <FormattedMessage