mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Theming API: Refactor on internal CSS variables
This commit is contained in:
parent
c61840859f
commit
b94d91e677
10 changed files with 49 additions and 27 deletions
|
@ -63,6 +63,7 @@ import ConfirmationEventBus from 'primevue/confirmationeventbus';
|
|||
import FocusTrap from 'primevue/focustrap';
|
||||
import OverlayEventBus from 'primevue/overlayeventbus';
|
||||
import Portal from 'primevue/portal';
|
||||
import { $dtp } from 'primevue/themes';
|
||||
import { ConnectedOverlayScrollHandler, DomHandler, ZIndexUtils } from 'primevue/utils';
|
||||
import BaseConfirmPopup from './BaseConfirmPopup.vue';
|
||||
|
||||
|
@ -203,7 +204,7 @@ export default {
|
|||
arrowLeft = targetOffset.left - containerOffset.left;
|
||||
}
|
||||
|
||||
this.container.style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);
|
||||
this.container.style.setProperty($dtp('overlay.arrow.left').name, `${arrowLeft}px`);
|
||||
|
||||
if (containerOffset.top < targetOffset.top) {
|
||||
this.container.setAttribute('data-p-confirm-popup-flipped', 'true');
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue