kibana/x-pack/plugins/lens/public/indexpattern_datasource/field_item.scss
Caroline Horn e248f32111
[Lens] Consistent Drag and Drop styles (#78674)
* Remove wrapping div of DragDrop and pass props to child
* Using EuiHighlight
* Basic styles in for all DnD states
* Fixing dimension button styles
* Fix FieldButton to accept `…rest` props
* A few other minor fixes
* Fixed horizontal scroll of error message
* Quick fix for invalid link
2020-10-01 11:58:23 -04:00

49 lines
974 B
SCSS

.lnsFieldItem {
.lnsFieldItem__infoIcon {
visibility: hidden;
opacity: 0;
}
&:hover:not([class*='isActive']) {
cursor: grab;
.lnsFieldItem__infoIcon {
visibility: visible;
opacity: 1;
transition: opacity $euiAnimSpeedFast ease-in-out 1s;
}
}
}
.lnsFieldItem--missing {
background: lightOrDarkTheme(transparentize($euiColorMediumShade, .9), $euiColorEmptyShade);
color: $euiColorDarkShade;
}
.lnsFieldItem__topValue {
margin-bottom: $euiSizeS;
&:last-of-type {
margin-bottom: 0;
}
}
.lnsFieldItem__topValueProgress {
background-color: $euiColorLightestShade;
// sass-lint:disable-block no-vendor-prefixes
&::-webkit-progress-bar {
background-color: $euiColorLightestShade;
}
}
.lnsFieldItem__fieldPanel {
min-width: 260px;
max-width: 300px;
}
.lnsFieldItem__buttonGroup {
// Enforce lowercase for buttons or else some browsers inherit all caps from flyout title
text-transform: none;
}