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 {
|
||||
background-color: #000000;
|
||||
opacity: 0.4;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
body .p-overlaypanel {
|
||||
background-color: #ffffff;
|
||||
|
|
|
@ -100,8 +100,8 @@ export default {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
background-color: transparent;
|
||||
transition-property: background-color;
|
||||
}
|
||||
|
||||
.p-blockui.p-component-overlay {
|
||||
|
@ -113,6 +113,6 @@ export default {
|
|||
}
|
||||
|
||||
.p-blockui-leave.p-component-overlay {
|
||||
opacity: 0 !important;
|
||||
background-color: transparent;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue