Fix blocks spacing by hiding empty input frames

area17 · Jul 5, 2020 · 56b5bc2 · 56b5bc2
1 parent 1e95b0a
commit 56b5bc2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/frontend/js/components/InputFrame.vue b/frontend/js/components/InputFrame.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="input" :class="textfieldClasses" v-show="isCurrentLocale" :hidden="!isCurrentLocale ?  true : null">
+  <div class="input" :class="textfieldClasses" v-show="isCurrentLocale" :hidden="!isCurrentLocale ? true : null">
     <label class="input__label" :for="labelFor || name" v-if="label">
       {{ label }}<span class="input__required" v-if="required">*</span>
       <span class="input__lang" v-if="hasLocale && languages.length > 1" @click="onClickLocale" data-tooltip-title="Switch language" v-tooltip>{{ displayedLocale }}</span>
@@ -49,6 +49,10 @@
     position: relative;
   }
 
+  .input:empty {
+    display:none;
+  }
+
   .input__add {
     position:absolute;
     top:0;