RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modal: remove use of important 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-11 00:43:35 -07:00
parent 6dfdefb56c
commit ef1bfac8ba
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/modal/Modal.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<NcModal <NcModal
class="memories-modal"
:size="size" :size="size"
:outTransition="true" :outTransition="true"
:style="{ width: isSidebarShown ? `calc(100% - ${sidebarWidth}px)` : null }" :style="{ width: isSidebarShown ? `calc(100% - ${sidebarWidth}px)` : null }"
@ -138,16 +139,13 @@ export default defineComponent({
} }
} }
} }
</style>
<style lang="scss">
// Patch the NcModal to have dynamic height on mobile
@media (max-width: 512px) { @media (max-width: 512px) {
.modal-wrapper .modal-container { .memories-modal:deep .modal-wrapper > .modal-container {
max-height: calc(100% - var(--header-height)) !important; max-height: calc(100% - var(--header-height));
height: unset !important; height: unset;
top: unset !important; top: unset;
bottom: 0 !important; bottom: 0;
} }
} }
</style> </style>