[Save Modal] Quick Fix for Scrollbar (#94640)
* quick fixes for no scroll bar on save modals
This commit is contained in:
parent
f90a4d95a5
commit
bae6021d7f
3 changed files with 6 additions and 2 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue