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>
<NcModal
class="memories-modal"
:size="size"
:outTransition="true"
: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) {
.modal-wrapper .modal-container {
max-height: calc(100% - var(--header-height)) !important;
height: unset !important;
top: unset !important;
bottom: 0 !important;
.memories-modal:deep .modal-wrapper > .modal-container {
max-height: calc(100% - var(--header-height));
height: unset;
top: unset;
bottom: 0;
}
}
</style>