2020-08-04 10:57:10 +08:00
|
|
|
$d-popover-background: var(--secondary);
|
2022-06-28 19:25:40 +08:00
|
|
|
$d-popover-border: var(--primary-low);
|
2019-03-26 22:43:27 +08:00
|
|
|
|
2022-05-02 23:10:26 +08:00
|
|
|
.tippy-box {
|
|
|
|
color: var(--primary);
|
|
|
|
background: $d-popover-background;
|
2022-05-31 15:51:50 +08:00
|
|
|
border: 1px solid var(--primary-low);
|
|
|
|
box-shadow: shadow("menu-panel");
|
2019-03-26 22:43:27 +08:00
|
|
|
}
|
|
|
|
|
2022-05-02 23:10:26 +08:00
|
|
|
.tippy-box[data-placement^="top"] .tippy-svg-arrow > svg {
|
|
|
|
top: 12px;
|
2019-03-26 22:43:27 +08:00
|
|
|
}
|
2022-05-02 23:10:26 +08:00
|
|
|
.tippy-box[data-placement^="bottom"] .tippy-svg-arrow > svg {
|
|
|
|
top: -10px;
|
|
|
|
}
|
2022-10-13 21:39:52 +08:00
|
|
|
|
2022-05-02 23:10:26 +08:00
|
|
|
.tippy-rounded-arrow {
|
|
|
|
fill: $d-popover-background;
|
|
|
|
.svg-arrow {
|
|
|
|
fill: $d-popover-border;
|
2019-03-26 22:43:27 +08:00
|
|
|
}
|
2022-05-02 23:10:26 +08:00
|
|
|
.svg-content {
|
|
|
|
fill: $d-popover-background;
|
2019-03-26 22:43:27 +08:00
|
|
|
}
|
2022-05-02 23:10:26 +08:00
|
|
|
}
|
2019-03-26 22:43:27 +08:00
|
|
|
|
2022-05-02 23:10:26 +08:00
|
|
|
[data-tooltip] > *,
|
|
|
|
[data-popover] > * {
|
|
|
|
pointer-events: none;
|
2019-03-26 22:43:27 +08:00
|
|
|
}
|