feature #39: select controls for ui-vue

getodk · Apr 25, 2024 · de78b44 · de78b44
1 parent 966656f
commit de78b44
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/ui-vue/src/components/FormQuestion.vue b/packages/ui-vue/src/components/FormQuestion.vue
@@ -20,4 +20,4 @@ const isSelectNode = (n: AnyLeafNode) : n is SelectNode => n.nodeType === 'selec
 
 		<UnsupportedControl v-else :question="question" />
 	</div>
-</template>
+</template>
diff --git a/packages/ui-vue/src/components/controls/SelectControl.vue b/packages/ui-vue/src/components/controls/SelectControl.vue
@@ -68,4 +68,4 @@ const value = computed(() => {
 			<label :for="question.nodeId + '_' + option.value">{{ option.label?.asString }}</label>
 		</div>
 	</template>
-</template>
+</template>
diff --git a/packages/ui-vue/src/themes/2024-light/theme.scss b/packages/ui-vue/src/themes/2024-light/theme.scss
@@ -251,5 +251,16 @@ $primary50: #d8ecf5;
 				cursor: not-allowed;
 			}
 		}
+
+		.select1,
+		.selectN {
+			display: flex;
+			align-items: center;
+
+			label {
+				margin-left: 0.5rem;
+				cursor: pointer;
+			}
+		}
 	}
 }