Merge pull request #5891 from nextcloud-libraries/backport/5889/next

[next] fix(style): adjust elements styles to unit-less line-height
nextcloud-libraries · Aug 1, 2024 · 23e8b39 · 23e8b39
2 parents 3c5eb13 + ced5927
commit 23e8b39
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
@@ -434,7 +434,7 @@ export default {
 		position: absolute;
 		margin-inline: 14px 0;
 		max-width: fit-content;
-		inset-block-start: calc((var(--default-clickable-area) - var(--default-line-height)) / 2); // center the label vertically
+		inset-block-start: calc((var(--default-clickable-area) - 1lh) / 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);

diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
@@ -775,7 +775,7 @@ export default {
 .list-item {
 	--list-item-padding: 8px;
 	// The content are two lines of text and respect the 1.5 line height
-	--list-item-height: calc(2 * var(--default-line-height));
+	--list-item-height: 2lh;
 	--list-item-border-radius: var(--border-radius-element, 32px);
 	// General styles
 	box-sizing: border-box;