Fix positioning of overlay arrows
parent
0f14b73b91
commit
2a4625780a
|
@ -206,7 +206,7 @@ export default {
|
|||
arrowLeft = targetOffset.left - containerOffset.left;
|
||||
}
|
||||
|
||||
this.container.style.setProperty($dt('overlay.arrow.left').name, `${arrowLeft}px`);
|
||||
this.container.style.setProperty($dt('confirmpopup.arrow.left').name, `${arrowLeft}px`);
|
||||
|
||||
if (containerOffset.top < targetOffset.top) {
|
||||
this.container.setAttribute('data-p-confirmpopup-flipped', 'true');
|
||||
|
|
|
@ -67,7 +67,7 @@ const theme = ({ dt }) => `
|
|||
.p-confirmpopup:after,
|
||||
.p-confirmpopup:before {
|
||||
bottom: 100%;
|
||||
left: ${dt('confirmpopup.arrow.offset')};
|
||||
left: calc(${dt('confirmpopup.arrow.offset')} + ${dt('confirmpopup.arrow.left')});
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
|
|
|
@ -39,7 +39,7 @@ const theme = ({ dt }) => `
|
|||
.p-popover:after,
|
||||
.p-popover:before {
|
||||
bottom: 100%;
|
||||
left: ${dt('popover.arrow.offset')};
|
||||
left: calc(${dt('popover.arrow.offset')} + ${dt('popover.arrow.left')});
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
|
|
Loading…
Reference in New Issue