diff --git a/layout-webapp/src/main/webapp/vue-app/layout-editor/components/drawer/EditApplicationDrawer.vue b/layout-webapp/src/main/webapp/vue-app/layout-editor/components/drawer/EditApplicationDrawer.vue index dd587f10c..f3b2bc514 100644 --- a/layout-webapp/src/main/webapp/vue-app/layout-editor/components/drawer/EditApplicationDrawer.vue +++ b/layout-webapp/src/main/webapp/vue-app/layout-editor/components/drawer/EditApplicationDrawer.vue @@ -42,10 +42,16 @@ max-width="100%" class="ma-4" flat> -
- {{ $t('layout.margins') }} +
+
+ {{ $t('layout.margins') }} +
+
@@ -321,6 +327,7 @@ export default { section: null, container: null, backgroundProperties: null, + enableMargin: true, marginChoice: 'same', marginTop: 20, marginRight: 20, @@ -465,6 +472,15 @@ export default { this.radiusBottomLeft = null; } }, + enableMargin() { + if (this.drawer) { + this.marginChoice = 'same'; + this.marginTop = 0; + this.marginRight = 0; + this.marginBottom = 0; + this.marginLeft = 0; + } + }, radiusChoice() { if (this.radiusChoice === 'same') { this.radiusTopLeft = this.radiusTopRight; @@ -549,6 +565,7 @@ export default { && this.radiusBottomRight === this.radiusTopLeft && this.radiusTopLeft === this.radiusBottomLeft && this.radiusBottomLeft === this.radiusTopRight ? 'same' : 'different'; + this.enableMargin = this.marginChoice !== 'same' || this.marginRight !== 0; this.$nextTick(() => this.$refs.drawer.open()); },