Use background-color instead to animate modals
parent
176bf7d35a
commit
257f545e9b
|
@ -3133,8 +3133,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close
|
||||||
}
|
}
|
||||||
|
|
||||||
body .p-component-overlay {
|
body .p-component-overlay {
|
||||||
background-color: #000000;
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
opacity: 0.4;
|
|
||||||
}
|
}
|
||||||
body .p-overlaypanel {
|
body .p-overlaypanel {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
|
@ -100,8 +100,8 @@ export default {
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 0;
|
background-color: transparent;
|
||||||
transition-property: opacity;
|
transition-property: background-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-blockui.p-component-overlay {
|
.p-blockui.p-component-overlay {
|
||||||
|
@ -113,6 +113,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-blockui-leave.p-component-overlay {
|
.p-blockui-leave.p-component-overlay {
|
||||||
opacity: 0 !important;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue