mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
[7.3] [Canvas] Fixes toggle between edit mode/read only mode (… (#41312)
* Fixed mergeProps in workpad_header/index.js * set header height
This commit is contained in:
parent
d073981843
commit
26cd792924
3 changed files with 11 additions and 2 deletions
|
@ -37,6 +37,10 @@ $canvasLayoutFontSize: $euiFontSizeS;
|
|||
user-select: none;
|
||||
}
|
||||
|
||||
.canvasLayout__stageHeaderInner {
|
||||
height: ($euiSizeL * 2);
|
||||
}
|
||||
|
||||
.canvasLayout__stageContent {
|
||||
flex-grow: 1;
|
||||
flex-basis: 0%;
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue