Fix input field label alignment

Signed-off-by: Marco Ambrosini <[email protected]>
nextcloud-libraries · Jul 3, 2024 · 348c3f8 · 348c3f8
1 parent 64e3dc3
commit 348c3f8
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
@@ -430,7 +430,7 @@ export default {
 		position: absolute;
 		margin-inline: 14px 0;
 		max-width: fit-content;
-		inset-block-start: 11px;
+		inset-block-start: calc((var(--default-clickable-area) - var(--default-line-height)) / 2); // center the label vertically
 		inset-inline: 0;
 		// Fix color so that users do not think the input already has content
 		color: var(--color-text-maxcontrast);