fix: Adjust min-height for accessibility when zooming (#221)

* fix: Adjust min-height for accessibility when zooming * fix: Adjust min-height for accessibility when zooming
kronostechnologies · Mar 5, 2021 · ac68489 · ac68489
1 parent 5ddad67
commit ac68489
Show file tree

Hide file tree

Showing 13 changed files with 40 additions and 80 deletions.
diff --git a/packages/react/src/components/buttons/abstract-button.tsx b/packages/react/src/components/buttons/abstract-button.tsx
@@ -14,11 +14,10 @@ export const AbstractButton = styled.button<{ isMobile: boolean }>`
     font-family: inherit;
     font-size: ${({ isMobile }) => (isMobile ? 0.875 : 0.75)}rem;
     font-weight: var(--font-bold);
-    height: ${({ isMobile }) => (isMobile ? 48 : 32)}px;
     justify-content: center;
     letter-spacing: ${({ isMobile }) => (isMobile ? 0.53 : 0.4)}px;
     line-height: ${({ isMobile }) => (isMobile ? 1.5 : 1)}rem;
-    min-height: 2rem;
+    min-height: ${({ isMobile }) => (isMobile ? 48 : 32)}px;
     min-width: 2rem;
     outline: none;
     padding: ${({ isMobile }) => (isMobile ? '0 var(--spacing-3x);' : '0 var(--spacing-2x);')};

diff --git a/packages/react/src/components/buttons/add-button.test.tsx.snap b/packages/react/src/components/buttons/add-button.test.tsx.snap
diff --git a/packages/react/src/components/buttons/button.test.tsx.snap b/packages/react/src/components/buttons/button.test.tsx.snap
diff --git a/packages/react/src/components/buttons/icon-button.test.tsx.snap b/packages/react/src/components/buttons/icon-button.test.tsx.snap
diff --git a/packages/react/src/components/datepicker/datepicker.test.tsx.snap b/packages/react/src/components/datepicker/datepicker.test.tsx.snap