tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Popover styling fixes (#2637)

Browse Source
This commit is contained in:
Emma Segal-Grossman 2025-06-02 13:51:24 -04:00 committed by GitHub
parent 8b54444b7e
commit 4ed1a37f9d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/ui/popover.ts
View File

@ -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);
}
`,