fix: use small line height for Tooltip (Lumo) (#4837) (#4839)

* fix: use small line height for Tooltip (Lumo) * update baseline screenshots * update baseline screenshots for avatar package * update baseline screenshots Co-authored-by: Sascha Ißbrücker <sissbruecker@vaadin.com> Co-authored-by: Jouni Koivuviita <jouni@vaadin.com> Co-authored-by: Sascha Ißbrücker <sissbruecker@vaadin.com>
vaadin · Oct 25, 2022 · e1b76b8 · e1b76b8
1 parent 4128efb
commit e1b76b8
Show file tree

Hide file tree

Showing 16 changed files with 2 additions and 0 deletions.
diff --git a/packages/avatar/test/visual/lumo/screenshots/avatar/baseline/tooltip.png b/packages/avatar/test/visual/lumo/screenshots/avatar/baseline/tooltip.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom-end.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom-end.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom-start.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom-start.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/bottom.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end-bottom.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end-bottom.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end-top.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end-top.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/end.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/max-width.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/max-width.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start-bottom.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start-bottom.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start-top.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start-top.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/start.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/theme-dark.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/theme-dark.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top-end.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top-end.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top-start.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top-start.png
diff --git a/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top.png b/packages/tooltip/test/visual/lumo/screenshots/tooltip/baseline/top.png
diff --git a/packages/tooltip/theme/lumo/vaadin-tooltip-styles.js b/packages/tooltip/theme/lumo/vaadin-tooltip-styles.js
@@ -1,5 +1,6 @@
 import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/style.js';
+import '@vaadin/vaadin-lumo-styles/typography.js';
 import { overlay } from '@vaadin/vaadin-lumo-styles/mixins/overlay.js';
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
@@ -15,6 +16,7 @@ const tooltipOverlay = css`
     background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));
     color: var(--lumo-body-text-color);
     font-size: var(--lumo-font-size-xs);
+    line-height: var(--lumo-line-height-s);
   }
 
   [part='content'] {