From 4eddf9d5a98d1201d41a5ea27cc1be11c414b9fd Mon Sep 17 00:00:00 2001 From: Muthu Kumar Date: Thu, 29 Aug 2024 22:59:04 +0530 Subject: [PATCH] fix: ugly blue background on Chrome mobile only --- src/components/Container.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/components/Container.tsx b/src/components/Container.tsx index 9c85dbe..0b3a1f6 100644 --- a/src/components/Container.tsx +++ b/src/components/Container.tsx @@ -292,8 +292,14 @@ const Container: React.FC<{ ${end ? "rotate: 180deg;" : ""} - &:hover * { - fill: var(--primary-colour); + &:hover, &:focus { + /* disable some browser defaults */ + -webkit-tap-highlight-color: transparent; + outline: none; + touch-action: manipulation; + * { + fill: var(--primary-colour); + } } `}>