From 992ab6ed2151f75c64e3e1bb62e5194f072ddc97 Mon Sep 17 00:00:00 2001 From: Felix Mosheev <9304194+felixmosh@users.noreply.github.com> Date: Mon, 14 Nov 2022 09:35:27 +0200 Subject: [PATCH] fix: search input style are affected by global input styles --- packages/ui/src/components/Menu/Menu.module.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/ui/src/components/Menu/Menu.module.css b/packages/ui/src/components/Menu/Menu.module.css index db755de7..e4a88c56 100644 --- a/packages/ui/src/components/Menu/Menu.module.css +++ b/packages/ui/src/components/Menu/Menu.module.css @@ -89,7 +89,7 @@ color: #828e97; } -.search { +.search.search { border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 9999px; width: 100%; @@ -100,11 +100,12 @@ color: #f5f8fa; line-height: 2.5rem; transition: border-color 120ms ease-in-out; + box-shadow: none !important; } -.search:focus-visible, -.search:focus, -.search:active { +.search.search:focus-visible, +.search.search:focus, +.search.search:active { border: 2px solid #4abec7; outline: 0; }