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

Fixed #153 - Dialog in mobile view

pull/160/head
mertsincan 2020-01-23 11:27:24 +03:00
parent cd4d03b519
commit 72b687499d
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/dialog/Dialog.vue
View File

@ -213,9 +213,11 @@ export default {
pointer-events: auto; pointer-events: auto;
} }
.p-dialog { .p-dialog {
position: fixed;
padding: 0; padding: 0;
pointer-events: auto; pointer-events: auto;
max-height: 90%;
margin: 5% auto;
overflow-y: auto;
} }
.p-dialog .p-dialog-titlebar { .p-dialog .p-dialog-titlebar {
padding: .5em .75em; padding: .5em .75em;
@ -302,21 +304,15 @@ export default {
} }
/* Animation */ /* Animation */
.p-dialog-enter-active { .p-dialog-enter-active {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all 150ms cubic-bezier(0, 0, 0.2, 1); transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
} }
.p-dialog-leave-active { .p-dialog-leave-active {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all 75ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: all 75ms cubic-bezier(0.4, 0.0, 0.2, 1);
} }
.p-dialog-enter, .p-dialog-enter,
.p-dialog-leave-to { .p-dialog-leave-to {
opacity: 0; opacity: 0;
transform: translateX(-50%) translateY(-50%) scale(0.7); transform: scale(0.7);
} }
/* Maximize */ /* Maximize */
.p-dialog-maximized { .p-dialog-maximized {