Fix positioning of overlay arrows
parent
0f14b73b91
commit
2a4625780a
|
@ -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');
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue