[ML] Transforms: Fixes overflow of data grid into side navigation (#106091)
* [ML] Transforms: Fixes overflow of data grid into side navigation * [ML] Remove unnecessary whitespace * [ML] Remove wrapping div on app
This commit is contained in:
parent
992f444397
commit
34c17afdd5
|
@ -10,7 +10,7 @@ import { render, unmountComponentAtNode } from 'react-dom';
|
|||
import { Router, Route, Switch } from 'react-router-dom';
|
||||
import { ScopedHistory } from 'kibana/public';
|
||||
|
||||
import { EuiErrorBoundary, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import { EuiErrorBoundary } from '@elastic/eui';
|
||||
|
||||
import { FormattedMessage } from '@kbn/i18n/react';
|
||||
|
||||
|
@ -44,23 +44,19 @@ export const App: FC<{ history: ScopedHistory }> = ({ history }) => {
|
|||
}
|
||||
|
||||
return (
|
||||
<EuiFlexGroup justifyContent="spaceAround" data-test-subj="transformApp">
|
||||
<EuiFlexItem grow={true}>
|
||||
<Router history={history}>
|
||||
<Switch>
|
||||
<Route
|
||||
path={`/${SECTION_SLUG.CLONE_TRANSFORM}/:transformId`}
|
||||
component={CloneTransformSection}
|
||||
/>
|
||||
<Route
|
||||
path={`/${SECTION_SLUG.CREATE_TRANSFORM}/:savedObjectId`}
|
||||
component={CreateTransformSection}
|
||||
/>
|
||||
<Route path={`/`} component={TransformManagementSection} />
|
||||
</Switch>
|
||||
</Router>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
<Router history={history}>
|
||||
<Switch>
|
||||
<Route
|
||||
path={`/${SECTION_SLUG.CLONE_TRANSFORM}/:transformId`}
|
||||
component={CloneTransformSection}
|
||||
/>
|
||||
<Route
|
||||
path={`/${SECTION_SLUG.CREATE_TRANSFORM}/:savedObjectId`}
|
||||
component={CreateTransformSection}
|
||||
/>
|
||||
<Route path={`/`} component={TransformManagementSection} />
|
||||
</Switch>
|
||||
</Router>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -131,10 +131,7 @@ export const CloneTransformSection: FC<Props> = ({ match, location }) => {
|
|||
|
||||
<EuiSpacer size="l" />
|
||||
|
||||
<EuiPageContentBody
|
||||
data-test-subj="transformPageCloneTransform"
|
||||
className="transform__wizardBody"
|
||||
>
|
||||
<EuiPageContentBody data-test-subj="transformPageCloneTransform">
|
||||
{typeof errorMessage !== 'undefined' && (
|
||||
<>
|
||||
<EuiCallOut
|
||||
|
|
|
@ -7,12 +7,3 @@
|
|||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
This ensures the wizard goes full page width, and that the data grid in the page does not
|
||||
cause the body of the wizard page to overflow into the side navigation of the Kibana
|
||||
Stack Management page on resize.
|
||||
*/
|
||||
.transform__wizardBody {
|
||||
max-width: calc(100% - 16px);
|
||||
}
|
||||
|
|
|
@ -68,10 +68,7 @@ export const CreateTransformSection: FC<Props> = ({ match }) => {
|
|||
|
||||
<EuiSpacer size="l" />
|
||||
|
||||
<EuiPageContentBody
|
||||
data-test-subj="transformPageCreateTransform"
|
||||
className="transform__wizardBody"
|
||||
>
|
||||
<EuiPageContentBody data-test-subj="transformPageCreateTransform">
|
||||
{searchItemsError !== undefined && (
|
||||
<>
|
||||
<EuiCallOut title={searchItemsError} color="danger" iconType="alert" />
|
||||
|
|
Loading…
Reference in a new issue