2020-12-18 13:17:07 +00:00
|
|
|
.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;
|
2021-07-26 13:26:58 +00:00
|
|
|
box-sizing: border-box;
|
2020-12-18 13:17:07 +00:00
|
|
|
}
|
|
|
|
.components-card__footer {
|
|
|
|
justify-content: flex-end;
|
2021-07-26 13:26:58 +00:00
|
|
|
box-sizing: border-box;
|
2020-12-18 13:17:07 +00:00
|
|
|
}
|
|
|
|
}
|