* 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
49 lines
974 B
SCSS
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;
|
|
}
|