[Lens] don't use eui variables for zindex (#96117)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Marta Bondyra 2021-04-06 10:31:56 +02:00 committed by GitHub
parent 251bd9afc6
commit 3a4c62dd5b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 9 deletions

View file

@ -4,3 +4,8 @@ $lnsPanelMinWidth: $euiSize * 18;
$lnsSuggestionHeight: 100px;
$lnsSuggestionWidth: 150px;
$lnsLayerPanelDimensionMargin: 8px;
$lnsZLevel0: 0;
$lnsZLevel1: 1;
$lnsZLevel2: 2;
$lnsZLevel3: 3;

View file

@ -5,7 +5,7 @@
user-select: none;
transition: $euiAnimSpeedFast ease-in-out;
transition-property: background-color, border-color, opacity;
z-index: $euiZLevel1;
z-index: $lnsZLevel1;
}
.lnsDragDrop_ghost {
@ -18,7 +18,7 @@
left: 0;
opacity: .9;
transform: translate(-12px, 8px);
z-index: $euiZLevel3;
z-index: $lnsZLevel3;
pointer-events: none;
box-shadow: 0 0 0 $euiFocusRingSize $euiFocusRingColor;
}
@ -58,7 +58,7 @@
// Drop area while hovering with item
.lnsDragDrop-isActiveDropTarget {
z-index: $euiZLevel3;
z-index: $lnsZLevel3;
@include lnsDroppableActiveHover;
}
@ -90,7 +90,7 @@
height: 100%;
&.lnsDragDrop__container-active {
z-index: $euiZLevel3;
z-index: $lnsZLevel3;
}
}
@ -111,7 +111,7 @@
}
.lnsDragDrop-isActiveDropTarget {
z-index: $euiZLevel3;
z-index: $lnsZLevel3;
}
}
@ -119,7 +119,7 @@
transform: translateY(0);
transition: transform $euiAnimSpeedFast ease-in-out;
position: relative;
z-index: $euiZLevel1;
z-index: $lnsZLevel1;
}
.lnsDragDrop__keyboardHandler {
@ -151,7 +151,7 @@
opacity: 0;
visibility: hidden;
position: absolute;
z-index: $euiZLevel2;
z-index: $lnsZLevel2;
right: calc(100% + #{$euiSizeS});
top: 0;
transition: opacity $euiAnimSpeedFast ease-in-out;
@ -168,7 +168,7 @@
width: 30%;
top: 0;
left: -$euiSize;
z-index: $euiZLevel0;
z-index: $lnsZLevel0;
}
.lnsDragDrop__extraDropWrapper {

View file

@ -29,7 +29,7 @@
// This also means needing to add same amount of margin to page content and suggestion items
padding: $euiSize $euiSize 0;
position: relative;
z-index: $euiZLevel1;
z-index: $lnsZLevel1;
&:first-child {
padding-left: $euiSize;
}