BREAKING CHANGE(web): Pagination Item has the same minimal width as B…

…utton #DS-1030
lmc-eu · May 9, 2024 · f4d6ab6 · f4d6ab6
1 parent 626a004
commit f4d6ab6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/web/src/scss/components/Pagination/_theme.scss b/packages/web/src/scss/components/Pagination/_theme.scss
@@ -2,8 +2,8 @@
 @use '@tokens' as tokens;
 
 $item-gap: tokens.$space-300;
-$item-min-width: 2em;
-$item-height: 2.5em;
+$item-min-width: tokens.$space-900;
+$item-height: 2.5em; /* It is in relative units due to possible resizing of the system font. */
 $item-padding-inline: tokens.$space-400;
 $item-emphasis-font-weight: map.get(tokens.$body-medium-text-bold, 'mobile', 'font-weight');
 $item-radius: tokens.$radius-100;

diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/pagination-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/pagination-chromium-linux.png