feat(SW-612): Add popover component
This commit is contained in:
committed by
Christel Westerberg
parent
beb776bac9
commit
17df6d6c47
22
components/TempDesignSystem/Popover/Arrow/arrow.module.css
Normal file
22
components/TempDesignSystem/Popover/Arrow/arrow.module.css
Normal file
@@ -0,0 +1,22 @@
|
||||
.arrow {
|
||||
transform-origin: center;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
[data-placement="left"] .arrow,
|
||||
[data-placement="left top"] .arrow,
|
||||
[data-placement="left bottom"] .arrow {
|
||||
transform: rotate(270deg) translateY(-6px);
|
||||
}
|
||||
|
||||
[data-placement="right"] .arrow,
|
||||
[data-placement="right top"] .arrow,
|
||||
[data-placement="right bottom"] .arrow {
|
||||
transform: rotate(90deg) translateY(-6px);
|
||||
}
|
||||
|
||||
[data-placement="bottom"] .arrow,
|
||||
[data-placement="bottom left"] .arrow,
|
||||
[data-placement="bottom right"] .arrow {
|
||||
transform: rotate(180deg) translateY(-2px);
|
||||
}
|
||||
Reference in New Issue
Block a user