43 lines
715 B
SCSS
43 lines
715 B
SCSS
|
.highlight-tooltip__container {
|
||
|
|
position: absolute;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
&.highlight-tooltip__show {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.highlight-tooltip__portal {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.highlight-tooltip__overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
background-color: rgba($black, 0.35);
|
||
|
|
z-index: z-index('.components-modal__screen-overlay');
|
||
|
|
|
||
|
|
@include edit-post__fade-in-animation();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.highlight-tooltip__popover {
|
||
|
|
.components-card {
|
||
|
|
min-width: 360px;
|
||
|
|
}
|
||
|
|
.components-card__header {
|
||
|
|
@include font-size( 16 );
|
||
|
|
font-weight: 600;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.components-card__footer {
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
}
|