vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge pull request #5975 from ajm13/fix-overlay-arrow 

Fix positioning of overlay arrows
pull/6161/head
Tuğçe Küçükoğlu 2024-08-01 14:24:25 +03:00 committed by GitHub
parent ffb278d1c0 2a4625780a
commit 07b9211927
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/primevue/src/confirmpopup/ConfirmPopup.vue
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');

2
packages/primevue/src/confirmpopup/style/ConfirmPopupStyle.js
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;

2
packages/primevue/src/popover/style/PopoverStyle.js
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;