Merge pull request #482 from lidofinance/feature/we-1341-mobile-layou…

…t-animation-of-the-background-change-button fix: fixed highlight for buttons on android
lidofinance · Aug 22, 2024 · b164563 · b164563
2 parents bfc98a9 + 67c3594
commit b164563
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/button/ButtonStyles.tsx b/packages/button/ButtonStyles.tsx
@@ -184,6 +184,7 @@ export const ButtonStyle = styled.button<InjectedProps>`
   font-family: inherit;
   font-weight: 700;
   width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};
+  -webkit-tap-highlight-color: transparent;
 
   ::before {
     content: '';

diff --git a/packages/button/__snapshots__/Button.test.tsx.snap b/packages/button/__snapshots__/Button.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`renders correctly 1`] = `
   font-family: inherit;
   font-weight: 700;
   width: auto;
+  -webkit-tap-highlight-color: transparent;
   line-height: 1em;
   font-size: 14px;
   border-radius: 10px;