salix/front/core/components/popover/style.scss

43 lines
973 B
SCSS
Raw Normal View History

.vn-popover {
display: none;
z-index: 10;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
2019-01-21 14:21:24 +00:00
color: initial;
opacity: 0;
transform: translateY(-.6em);
transition-property: opacity, transform;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
&.shown {
transform: translateY(0);
opacity: 1;
}
& > .popover {
position: absolute;
box-shadow: 0 .1em .4em rgba(1, 1, 1, .4);
2018-07-03 11:24:42 +00:00
z-index: 0;
& > .arrow {
2018-07-03 11:24:42 +00:00
width: 1em;
height: 1em;
margin: -.5em;
background-color: white;
box-shadow: 0 .1em .4em rgba(1, 1, 1, .4);
position: absolute;
transform: rotate(45deg);
2018-07-03 11:24:42 +00:00
z-index: -1;
}
& > .content {
border-radius: .1em;
background-color: white;
2018-07-03 11:24:42 +00:00
height: inherit;
overflow: auto;
}
}
}