[7.x] [Canvas] Fixes toggle between edit mode/read only mode (… (#41311)

* Fixed mergeProps in workpad_header/index.js

* set header height
This commit is contained in:
Catherine Liu 2019-07-16 21:23:24 -07:00 committed by GitHub
parent d967c40562
commit 56a2785421
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 2 deletions

View file

@ -37,6 +37,10 @@ $canvasLayoutFontSize: $euiFontSizeS;
user-select: none;
}
.canvasLayout__stageHeaderInner {
height: ($euiSizeL * 2);
}
.canvasLayout__stageContent {
flex-grow: 1;
flex-basis: 0%;

View file

@ -24,7 +24,7 @@ const mergeProps = (stateProps, dispatchProps, ownProps) => ({
...stateProps,
...dispatchProps,
...ownProps,
toggleWriteable: () => setWriteable(!stateProps.isWriteable),
toggleWriteable: () => dispatchProps.setWriteable(!stateProps.isWriteable),
});
export const WorkpadHeader = connect(

View file

@ -103,7 +103,12 @@ export class WorkpadHeader extends React.PureComponent {
return (
<div>
{isModalVisible ? this._elementAdd() : null}
<EuiFlexGroup gutterSize="s" alignItems="center" justifyContent="spaceBetween">
<EuiFlexGroup
gutterSize="s"
alignItems="center"
justifyContent="spaceBetween"
className="canvasLayout__stageHeaderInner"
>
<EuiFlexItem grow={false}>
<EuiFlexGroup alignItems="center" gutterSize="xs">
<EuiFlexItem grow={false}>