style: adjust elements styles to unit-less line-height

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com> Co-authored-by: Grigorii K. Shartsev <me@shgk.me>
nextcloud-libraries · Aug 1, 2024 · 932ef9d · 932ef9d
1 parent f0bcc65
commit 932ef9d
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
@@ -441,7 +441,7 @@ export default {
  margin-inline: var(--input-padding-start) var(--input-padding-end);
  max-width: fit-content;
  font-size: var(--input-label-font-size);
- 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: var(--border-width-input-focused, 2px);
  // 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
@@ -792,7 +792,7 @@ export default {
 .list-item {
  --list-item-padding: var(--default-grid-baseline);
  // 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;