Fix positioning of overlay arrows

pull/5975/head
Alex McNerney 2024-06-26 20:11:44 -07:00 committed by GitHub
parent 0f14b73b91
commit 2a4625780a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View File

@ -206,7 +206,7 @@ export default {
arrowLeft = targetOffset.left - containerOffset.left; 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) { if (containerOffset.top < targetOffset.top) {
this.container.setAttribute('data-p-confirmpopup-flipped', 'true'); this.container.setAttribute('data-p-confirmpopup-flipped', 'true');

View File

@ -67,7 +67,7 @@ const theme = ({ dt }) => `
.p-confirmpopup:after, .p-confirmpopup:after,
.p-confirmpopup:before { .p-confirmpopup:before {
bottom: 100%; bottom: 100%;
left: ${dt('confirmpopup.arrow.offset')}; left: calc(${dt('confirmpopup.arrow.offset')} + ${dt('confirmpopup.arrow.left')});
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;

View File

@ -39,7 +39,7 @@ const theme = ({ dt }) => `
.p-popover:after, .p-popover:after,
.p-popover:before { .p-popover:before {
bottom: 100%; bottom: 100%;
left: ${dt('popover.arrow.offset')}; left: calc(${dt('popover.arrow.offset')} + ${dt('popover.arrow.left')});
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;