github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Make map gradients more subtle (#30345) (#31529)

Browse source 
Cleanup in the maps app.
This commit is contained in:
dave.snider@gmail.com 2019-02-19 16:54:19 -08:00 • committed by GitHub
parent a2bae1ce62
commit a9c46f44e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 37 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

4
x-pack/plugins/maps/public/components/layer_panel/_layer_panel.scss
View file

@ -20,7 +20,7 @@
}
.mapLayerPanel__header {
box-shadow: 0 $euiSize $euiSize (-$euiSize / 2) $euiColorLightestShade;
@include euiOverflowShadowBottom;
}
.mapLayerPanel__sourceDetails {
@ -32,6 +32,6 @@
}
.mapLayerPanel__footer {
@include euiOverflowShadowTop;
border-top: $euiBorderThin;
box-shadow: 0 ($euiSize *-1) $euiSize (-$euiSize / 2) $euiColorLightestShade;
}

7
x-pack/plugins/maps/public/components/layer_panel/join_editor/resources/_join.scss
View file

@ -1,8 +1,13 @@
.mapJoinItem {
position: relative;
background: tintOrShade($euiColorLightShade, 85%, 0);
border-radius: $euiBorderRadius;
padding: $euiSizeXS;
position: relative;
.mapJoinItem__inner {
@include euiScrollBar;
overflow-x: auto;
}
&:hover,
&:focus {

54
x-pack/plugins/maps/public/components/layer_panel/join_editor/resources/join.js
View file

@ -178,36 +178,38 @@ export class Join extends Component {
}
return (
<EuiFlexGroup className="mapJoinItem" responsive={false} wrap={true} gutterSize="s">
<div className="mapJoinItem">
<EuiFlexGroup className="mapJoinItem__inner" responsive={false} wrap={true} gutterSize="s">
<EuiFlexItem grow={false}>
<JoinExpression
leftSourceName={leftSourceName}
leftValue={join.leftField}
leftFields={leftFields}
onLeftFieldChange={this._onLeftFieldChange}
<EuiFlexItem grow={false}>
<JoinExpression
leftSourceName={leftSourceName}
leftValue={join.leftField}
leftFields={leftFields}
onLeftFieldChange={this._onLeftFieldChange}
rightSourceIndexPatternId={right.indexPatternId}
rightSourceName={rightSourceName}
onRightSourceChange={this._onRightSourceChange}
rightSourceIndexPatternId={right.indexPatternId}
rightSourceName={rightSourceName}
onRightSourceChange={this._onRightSourceChange}
rightValue={right.term}
rightFields={rightFields}
onRightFieldChange={this._onRightFieldChange}
rightValue={right.term}
rightFields={rightFields}
onRightFieldChange={this._onRightFieldChange}
/>
</EuiFlexItem>
{metricsExpression}
<EuiButtonIcon
className="mapJoinItem__delete"
iconType="trash"
color="danger"
aria-label="Delete join"
title="Delete join"
onClick={onRemove}
/>
</EuiFlexItem>
{metricsExpression}
<EuiButtonIcon
className="mapJoinItem__delete"
iconType="trash"
color="danger"
aria-label="Delete join"
title="Delete join"
onClick={onRemove}
/>
</EuiFlexGroup>
</EuiFlexGroup>
</div>
);
}
}

2
x-pack/plugins/maps/public/shared/icons/_color_gradient.scss
View file

@ -1,6 +1,6 @@
.mapColorGradient {
width: 100%;
height: $euiSize;
height: $euiSizeXS;
position: relative;
top: 0;
right: 0;