discourse/app/assets/stylesheets/common/base/d-popover.scss
Jordan Vidrine 45f93ae75d
UX: Onboarding edits (#18581)
* UX: Adjust size of svg arrow

* UX: Refactor & style edits
2022-10-13 16:39:52 +03:00

32 lines
614 B
SCSS

$d-popover-background: var(--secondary);
$d-popover-border: var(--primary-low);
.tippy-box {
color: var(--primary);
background: $d-popover-background;
border: 1px solid var(--primary-low);
box-shadow: shadow("menu-panel");
}
.tippy-box[data-placement^="top"] .tippy-svg-arrow > svg {
top: 12px;
}
.tippy-box[data-placement^="bottom"] .tippy-svg-arrow > svg {
top: -10px;
}
.tippy-rounded-arrow {
fill: $d-popover-background;
.svg-arrow {
fill: $d-popover-border;
}
.svg-content {
fill: $d-popover-background;
}
}
[data-tooltip] > *,
[data-popover] > * {
pointer-events: none;
}