ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Adapt modal size to viewer upstream changes

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2022-04-28 13:42:11 +02:00
parent 4d43f83443
commit 24f7ef69c7
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.vue
View File

@@ -31,6 +31,7 @@
v-if="cardDetailsInModal && $route.params.cardId" v-if="cardDetailsInModal && $route.params.cardId"
:clear-view-delay="0" :clear-view-delay="0"
:title="t('deck', 'Card details')" :title="t('deck', 'Card details')"
size="large"
@close="hideModal()"> @close="hideModal()">
<div class="modal__content modal__card"> <div class="modal__content modal__card">
<router-view name="sidebar" /> <router-view name="sidebar" />
@@ -154,14 +155,6 @@ export default {
} }
} }
} }
.modal__card {
min-width: 320px;
width: 50vw;
max-width: 800px;
min-height: 200px;
height: 80vh;
}
</style> </style>
<style lang="scss"> <style lang="scss">

6
src/components/card/CardSidebar.vue
View File

@@ -225,6 +225,8 @@ export default {
max-width: calc(100% - #{$modal-padding*2}); max-width: calc(100% - #{$modal-padding*2});
padding: 0 14px; padding: 0 14px;
max-height: 100%; max-height: 100%;
overflow: initial;
&::v-deep { &::v-deep {
.app-sidebar-header { .app-sidebar-header {
position: sticky; position: sticky;
@@ -240,6 +242,10 @@ export default {
background-color: var(--color-main-background); background-color: var(--color-main-background);
} }
.app-sidebar__tab {
overflow: initial;
}
#emptycontent, .emptycontent { #emptycontent, .emptycontent {
margin-top: 88px; margin-top: 88px;
} }