Merge pull request #5766 from nextcloud-libraries/bugfix/fix-input-fi…

…eld-label-alignment Fix input field label alignment
nextcloud-libraries · Jul 3, 2024 · aad4c71 · aad4c71
2 parents bac41a8 + f7a13e7
commit aad4c71
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
@@ -428,7 +428,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);