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

Merge pull request #1177 from ing-bank/arrow-css-props

Browse source 
fix(overlays): put tooltip arrow css props on host
This commit is contained in:
Joren Broekema 2021-01-11 13:02:05 +01:00 committed by GitHub
commit 8fb0f6d954
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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 [
superCtor.styles || [],
css`
:host {
--tooltip-arrow-width: 12px;
--tooltip-arrow-height: 8px;
}
.arrow svg {
display: block;
}
.arrow {
position: absolute;
--tooltip-arrow-width: 12px;
--tooltip-arrow-height: 8px;
width: var(--tooltip-arrow-width);
height: var(--tooltip-arrow-height);
}