fix: Fixed fragment instances #28

vue-generators · Aug 9, 2016 · 0f9863c · 0f9863c
1 parent d0a32cd
commit 0f9863c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 17 deletions.
diff --git a/src/fields/fieldChecklist.vue b/src/fields/fieldChecklist.vue
@@ -1,20 +1,21 @@
 <template lang="jade">
-	.listbox.form-control(v-if="schema.listBox")
-		.list-row(v-for="item in items")
-			label
-				input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
-				| {{ getItemName(item) }}
-
-	.combobox.form-control(v-if="!schema.listBox")
-		.mainRow(@click="onExpandCombo", :class="{ expanded: comboExpanded }")
-			.info {{ selectedCount }} selected
-			.arrow
-
-		.dropList
-			.list-row(v-if="comboExpanded", v-for="item in items")
+	.wrapper
+		.listbox.form-control(v-if="schema.listBox")
+			.list-row(v-for="item in items")
 				label
 					input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
 					| {{ getItemName(item) }}
+
+		.combobox.form-control(v-if="!schema.listBox")
+			.mainRow(@click="onExpandCombo", :class="{ expanded: comboExpanded }")
+				.info {{ selectedCount }} selected
+				.arrow
+
+			.dropList
+				.list-row(v-if="comboExpanded", v-for="item in items")
+					label
+						input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
+						| {{ getItemName(item) }}
 </template>
 
 <script>

diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue
@@ -1,6 +1,7 @@
 <template lang="jade">
-	input(type="color", v-model="value", :disabled="disabled")
-	span.helper {{ value }}
+	.wrapper
+		input(type="color", v-model="value", :disabled="disabled")
+		span.helper {{ value }}
 </template>
 
 <script>

diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue
@@ -1,6 +1,7 @@
 <template lang="jade">
-	input.form-control(type="range", v-model="value", :min="schema.min", :max="schema.max", :disabled="disabled", :placeholder="schema.placeholder")
-	.helpText {{ value }}
+	.wrapper
+		input.form-control(type="range", v-model="value", :min="schema.min", :max="schema.max", :disabled="disabled", :placeholder="schema.placeholder")
+		.helpText {{ value }}
 </template>
 
 <script>