diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2022-07-15 13:28:26 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-15 13:28:26 +0200 |
commit | b9be1a4de4c9bae689c7b286deb02b7aea46436d (patch) | |
tree | bdb914e84d8a55a3efc9c02350a083351e40dcde | |
parent | a0c304e189e810534d2d2eb7eae117d422adc890 (diff) | |
parent | 7658b1d767dc4f6ea07a0de0807bc13d0c5e8919 (diff) |
Merge pull request #2838 from nextcloud/backport/2837/stable4.2
[stable4.2] Fix entity picker modal size
-rw-r--r-- | src/components/EntityPicker/EntityPicker.vue | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/components/EntityPicker/EntityPicker.vue b/src/components/EntityPicker/EntityPicker.vue index 35de20ca..1d2ddd9b 100644 --- a/src/components/EntityPicker/EntityPicker.vue +++ b/src/components/EntityPicker/EntityPicker.vue @@ -21,7 +21,7 @@ <template> <Modal - size="full" + size="normal" @close="onCancel"> <!-- Wrapper for content & navigation --> <div class="entity-picker"> @@ -372,8 +372,7 @@ export default { <style lang="scss" scoped> // Dialog variables -$dialog-margin: 20px; -$dialog-width: 320px; +$dialog-padding: 20px; $dialog-height: 480px; $entity-spacing: 4px; @@ -394,15 +393,10 @@ $icon-margin: ($clickable-area - $icon-size) / 2; position: relative; display: flex; flex-direction: column; - /** This next 2 rules are pretty hacky, with the modal component somehow - the margin applied to the content is added to the total modal width, - so here we subtract it to the width and height of the content. - */ - width: $dialog-width; - max-width: 100vw; - height: $dialog-height; - max-height: calc(100vh - #{$dialog-margin} * 2 - 10px); - margin: $dialog-margin; + min-height: $dialog-height; + height: 100%; + padding: $dialog-padding; + box-sizing: border-box; &__search { position: relative; |