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());
},