From 4ed1a37f9d7e8154a8478bbfdaa3779b36f07848 Mon Sep 17 00:00:00 2001 From: Emma Segal-Grossman Date: Mon, 2 Jun 2025 13:51:24 -0400 Subject: [PATCH] Popover styling fixes (#2637) --- frontend/src/components/ui/popover.ts | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/frontend/src/components/ui/popover.ts b/frontend/src/components/ui/popover.ts index c1f97da1..e9e88a64 100644 --- a/frontend/src/components/ui/popover.ts +++ b/frontend/src/components/ui/popover.ts @@ -40,7 +40,7 @@ export class Popover extends SlTooltip { --sl-tooltip-line-height: var(--sl-line-height-dense); } - ::part(body) { + .tooltip__body { border: var(--btrix-border); box-shadow: var(--sl-shadow-small), var(--sl-shadow-large); } @@ -49,23 +49,23 @@ export class Popover extends SlTooltip { z-index: 1; } - [placement^="bottom"]::part(arrow), - [placement^="left"]::part(arrow) { + [data-current-placement^="bottom"]::part(arrow), + [data-current-placement^="left"]::part(arrow) { border-top: var(--btrix-border); } - [placement^="bottom"]::part(arrow), - [placement^="right"]::part(arrow) { + [data-current-placement^="bottom"]::part(arrow), + [data-current-placement^="right"]::part(arrow) { border-left: var(--btrix-border); } - [placement^="top"]::part(arrow), - [placement^="right"]::part(arrow) { + [data-current-placement^="top"]::part(arrow), + [data-current-placement^="right"]::part(arrow) { border-bottom: var(--btrix-border); } - [placement^="top"]::part(arrow), - [placement^="left"]::part(arrow) { + [data-current-placement^="top"]::part(arrow), + [data-current-placement^="left"]::part(arrow) { border-right: var(--btrix-border); } `,