ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(overlays): put tooltip arrow css props on host

Browse source
This commit is contained in:
Joren Broekema 2021-01-11 12:20:24 +01:00
parent 9fef0cc6c8
commit a04ea59c63
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/tidy-cheetahs-drop.md Normal file
View file

@ -0,0 +1,5 @@
---
'@lion/overlays': patch
---
Put tooltip arrow width and height css props on host of ArrowMixin.

7
packages/overlays/src/ArrowMixin.js
View file

@ -30,14 +30,17 @@ export const ArrowMixinImplementation = superclass =>
return [ return [
superCtor.styles || [], superCtor.styles || [],
css` css`
:host {
--tooltip-arrow-width: 12px;
--tooltip-arrow-height: 8px;
}
.arrow svg { .arrow svg {
display: block; display: block;
} }
.arrow { .arrow {
position: absolute; position: absolute;
--tooltip-arrow-width: 12px;
--tooltip-arrow-height: 8px;
width: var(--tooltip-arrow-width); width: var(--tooltip-arrow-width);
height: var(--tooltip-arrow-height); height: var(--tooltip-arrow-height);
} }