Merge pull request #5133 from nextcloud-libraries/fix/5132/nc-field--…

…label-position fix(fields): adjust label line-height
nextcloud-libraries · Jan 25, 2024 · 4ca8762 · 4ca8762
2 parents 7fdd4e0 + 33ce520
commit 4ca8762
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
@@ -468,6 +468,7 @@ export default {
 	&__input:focus + &__label,
 	&__input:not(:placeholder-shown) + &__label {
 		inset-block-start: -10px;
+		line-height: 1.5; // minimum allowed line height for accessibility
 		font-size: 13px; // minimum allowed font size for accessibility
 		font-weight: 500;
 		border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;

diff --git a/src/components/NcRichContenteditable/NcRichContenteditable.vue b/src/components/NcRichContenteditable/NcRichContenteditable.vue
@@ -871,6 +871,7 @@ export default {
 	&__input:focus + &__label,
 	&__input:not(&__input--empty) + &__label {
 		inset-block-start: -10px;
+		line-height: 1.5; // minimum allowed line height for accessibility
 		font-size: 13px; // minimum allowed font size for accessibility
 		font-weight: 500;
 		border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;

diff --git a/src/components/NcTextArea/NcTextArea.vue b/src/components/NcTextArea/NcTextArea.vue
@@ -396,6 +396,7 @@ export default {
 	&__input:focus + &__label,
 	&__input:not(:placeholder-shown) + &__label {
 		inset-block-start: -10px;
+		line-height: 1.5; // minimum allowed line height for accessibility
 		font-size: 13px; // minimum allowed font size for accessibility
 		font-weight: 500;
 		color: var(--color-main-text);