misc ui bug fixes (#23629) (#23773)

This commit is contained in:
Ryan Keairns 2018-10-04 10:16:54 -05:00 committed by GitHub
parent 5bf648f039
commit 76da440962
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 25 additions and 2 deletions

View file

@ -125,7 +125,11 @@ export class AssetManager extends React.PureComponent {
const assetModal = isModalVisible ? (
<EuiOverlayMask>
<EuiModal onClose={this.closeModal} className="canvasAssetManager" maxWidth="1000px">
<EuiModal
onClose={this.closeModal}
className="canvasAssetManager canvasModal--fixedSize"
maxWidth="1000px"
>
<EuiModalHeader className="canvasAssetManager__modalHeader">
<EuiModalHeaderTitle className="canvasAssetManager__modalHeaderTitle">
Manage workpad assets

View file

@ -34,6 +34,7 @@ export const ElementTypes = ({ elements, onClick, search, setSearch }) => {
title={displayName}
description={help}
onClick={whenClicked}
className="canvasCard"
/>
</EuiFlexItem>
);

View file

@ -0,0 +1,17 @@
.canvasCard {
.euiCard__top {
text-align: center;
width: calc(100% + #{$euiSize}*2);
height: 85px;
margin: calc(-1 * #{$euiSize}) calc(-1 * #{$euiSize}) 0;
}
.euiCard__image {
max-height: 100%;
max-width: 100%;
width: auto;
left: 0;
top: 0;
}
}

View file

@ -329,7 +329,7 @@ export class WorkpadLoader extends React.PureComponent {
</EuiFlexGroup>
</EuiFlexItem>
<EuiFlexItem grow={2}>
<EuiFlexGroup gutterSize="s" justifyContent="flexEnd">
<EuiFlexGroup gutterSize="s" justifyContent="flexEnd" wrap>
<EuiFlexItem grow={false}>
<WorkpadUpload
createPending={createPending}

View file

@ -32,6 +32,7 @@
@import '../components/debug/debug';
@import '../components/dom_preview/dom_preview';
@import '../components/element_content/element_content';
@import '../components/element_types/element_types';
@import '../components/expression_input/suggestion';
@import '../components/font_picker/font_picker';
@import '../components/fullscreen/fullscreen';