Popover styling fixes (#2637)
This commit is contained in:
parent
8b54444b7e
commit
4ed1a37f9d
@ -40,7 +40,7 @@ export class Popover extends SlTooltip {
|
|||||||
--sl-tooltip-line-height: var(--sl-line-height-dense);
|
--sl-tooltip-line-height: var(--sl-line-height-dense);
|
||||||
}
|
}
|
||||||
|
|
||||||
::part(body) {
|
.tooltip__body {
|
||||||
border: var(--btrix-border);
|
border: var(--btrix-border);
|
||||||
box-shadow: var(--sl-shadow-small), var(--sl-shadow-large);
|
box-shadow: var(--sl-shadow-small), var(--sl-shadow-large);
|
||||||
}
|
}
|
||||||
@ -49,23 +49,23 @@ export class Popover extends SlTooltip {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
[placement^="bottom"]::part(arrow),
|
[data-current-placement^="bottom"]::part(arrow),
|
||||||
[placement^="left"]::part(arrow) {
|
[data-current-placement^="left"]::part(arrow) {
|
||||||
border-top: var(--btrix-border);
|
border-top: var(--btrix-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
[placement^="bottom"]::part(arrow),
|
[data-current-placement^="bottom"]::part(arrow),
|
||||||
[placement^="right"]::part(arrow) {
|
[data-current-placement^="right"]::part(arrow) {
|
||||||
border-left: var(--btrix-border);
|
border-left: var(--btrix-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
[placement^="top"]::part(arrow),
|
[data-current-placement^="top"]::part(arrow),
|
||||||
[placement^="right"]::part(arrow) {
|
[data-current-placement^="right"]::part(arrow) {
|
||||||
border-bottom: var(--btrix-border);
|
border-bottom: var(--btrix-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
[placement^="top"]::part(arrow),
|
[data-current-placement^="top"]::part(arrow),
|
||||||
[placement^="left"]::part(arrow) {
|
[data-current-placement^="left"]::part(arrow) {
|
||||||
border-right: var(--btrix-border);
|
border-right: var(--btrix-border);
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
|
Loading…
Reference in New Issue
Block a user