diff options
author | Clement Ho <ClemMakesApps@gmail.com> | 2018-06-04 16:14:13 -0500 |
---|---|---|
committer | Clement Ho <ClemMakesApps@gmail.com> | 2018-06-04 16:14:13 -0500 |
commit | c07ee6415a316a87c7afa71fa881e7cc03b97343 (patch) | |
tree | 6d7769414ebdc032879b4e84db6414f6f44c8c79 /app | |
parent | 5377e97da153e3cbae381e77af512e2f607d8f1e (diff) | |
download | gitlab-ce-c07ee6415a316a87c7afa71fa881e7cc03b97343.tar.gz |
Improve modal prop interface47049-performance-modal
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/javascripts/vue_shared/components/gl_modal.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/app/assets/javascripts/vue_shared/components/gl_modal.vue b/app/assets/javascripts/vue_shared/components/gl_modal.vue index 409ff440437..7ba58bd5959 100644 --- a/app/assets/javascripts/vue_shared/components/gl_modal.vue +++ b/app/assets/javascripts/vue_shared/components/gl_modal.vue @@ -1,9 +1,9 @@ <script> const buttonVariants = ['danger', 'primary', 'success', 'warning']; +const sizeVariants = ['sm', 'md', 'lg']; export default { name: 'GlModal', - props: { id: { type: String, @@ -14,6 +14,7 @@ export default { type: String, required: false, default: 'md', + validator: value => sizeVariants.includes(value), }, headerTitleText: { type: String, @@ -32,7 +33,11 @@ export default { default: '', }, }, - + computed: { + modalSizeClass() { + return this.modalSize === 'md' ? '' : `modal-${this.modalSize}`; + }, + }, methods: { emitCancel(event) { this.$emit('cancel', event); @@ -53,7 +58,7 @@ export default { > <div class="modal-dialog" - :class="`modal-${modalSize}`" + :class="modalSizeClass" role="document" > <div class="modal-content"> |