diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2022-07-15 13:28:17 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-15 13:28:17 +0200 |
commit | a0c304e189e810534d2d2eb7eae117d422adc890 (patch) | |
tree | 6137b91cf147030da2b507e837439f8b9b9165b0 | |
parent | 8eadea1af2fd3ceb6ea97c631e878290a14c2c7c (diff) | |
parent | 95634217b7058748b29819f165d6ea602d6b2766 (diff) |
Merge pull request #2839 from nextcloud/backport/2836/stable4.2
[stable4.2] Fix circle creation modal size
-rw-r--r-- | src/components/EntityPicker/NewCircleIntro.vue | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/components/EntityPicker/NewCircleIntro.vue b/src/components/EntityPicker/NewCircleIntro.vue index 6005217d..d52da329 100644 --- a/src/components/EntityPicker/NewCircleIntro.vue +++ b/src/components/EntityPicker/NewCircleIntro.vue @@ -21,7 +21,7 @@ <template> <Modal - size="full" + size="normal" @close="onCancel"> <!-- Wrapper for content & navigation --> <div class="entity-picker"> @@ -153,8 +153,7 @@ export default { <style lang="scss" scoped> // Dialog variables -$dialog-margin: 20px; -$dialog-width: 320px; +$dialog-padding: 20px; $dialog-height: 480px; $entity-spacing: 4px; @@ -176,15 +175,10 @@ $icon-margin: ($clickable-area - $icon-size) / 2; display: flex; flex-direction: column; justify-content: space-between; - /** 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; &__new { position: relative; |