Use background-color instead to animate modals

pull/256/head
cagataycivici 2020-03-17 11:35:34 +03:00
parent 176bf7d35a
commit 257f545e9b
2 changed files with 4 additions and 5 deletions

View File

@ -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;

View File

@ -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>