diff --git a/src/components/Auth/style.jsx b/src/components/Auth/style.jsx index 3bf38ff..0d9a696 100644 --- a/src/components/Auth/style.jsx +++ b/src/components/Auth/style.jsx @@ -95,6 +95,11 @@ const Button = css` width: 120px; line-height: normal; } + + &:focus { + border: none; + outline: none; + } `; const RegisterBtn = styled.button` @@ -148,6 +153,11 @@ const Input = styled.input` display: block; border: 1px solid #ced4da; + &:focus { + border: none; + outline: none; + } + @media only screen and (max-width: 575.98px) { font-size: 14px; height: 30px; diff --git a/src/components/List/style.js b/src/components/List/style.js index 46e8679..5bd792f 100644 --- a/src/components/List/style.js +++ b/src/components/List/style.js @@ -40,6 +40,11 @@ const Select = styled.select` text-align: center; text-align-last: center; + &:focus { + border: none; + outline: none; + } + @media only screen and (max-width: 767.98px) { width: 150px; height: 25px; @@ -62,6 +67,11 @@ const Input = styled.input` border-radius: 5px; border: 1px solid transparent; + &:focus { + border: none; + outline: none; + } + @media only screen and (max-width: 767.98px) { width: 150px; height: 25px; diff --git a/src/components/Main/Map/style.jsx b/src/components/Main/Map/style.jsx index 1e37a18..76d4b8b 100644 --- a/src/components/Main/Map/style.jsx +++ b/src/components/Main/Map/style.jsx @@ -90,6 +90,11 @@ const InfoBtn = styled.button` border: 2px solid #00b8e6; font-weight: bold; + &:focus { + border: none; + outline: none; + } + &:hover { cursor: pointer; color: #fff; diff --git a/src/components/Main/MarkerCreator/style.jsx b/src/components/Main/MarkerCreator/style.jsx index d253d6b..4ef10ff 100644 --- a/src/components/Main/MarkerCreator/style.jsx +++ b/src/components/Main/MarkerCreator/style.jsx @@ -95,6 +95,11 @@ const Button = css` @media only screen and (max-width: 575.98px) { width: 150px; } + + &:focus { + border: none; + outline: none; + } `; const CrudButton = css` diff --git a/src/components/Main/Panel/style.jsx b/src/components/Main/Panel/style.jsx index b05bef0..2bd26e7 100644 --- a/src/components/Main/Panel/style.jsx +++ b/src/components/Main/Panel/style.jsx @@ -87,6 +87,11 @@ border: 1px solid #00b8e6; transition: background-color 1s ease; text-transform: uppercase; color: #fff; + +&:focus { + border: none; + outline: none; +} `; const SelectButton = styled.button` @@ -235,6 +240,11 @@ color: #fff; border-radius: 3px; border: 1px solid #4ddbff; text-transform: uppercase; + +&:focus { + border: none; + outline: none; +} `; const Markers = styled.div` diff --git a/src/components/NavBar/style.jsx b/src/components/NavBar/style.jsx index f786704..1723d9c 100644 --- a/src/components/NavBar/style.jsx +++ b/src/components/NavBar/style.jsx @@ -198,6 +198,11 @@ const LogoutBtn = styled.button` line-height: 1.5; border-radius: 0.25rem; + &:focus { + border: none; + outline: none; + } + @media (max-width: 1199px) { margin: 15px 0; margin-left: auto; diff --git a/src/components/Statistic/style.jsx b/src/components/Statistic/style.jsx index d60f77c..231263a 100644 --- a/src/components/Statistic/style.jsx +++ b/src/components/Statistic/style.jsx @@ -98,6 +98,11 @@ const Input = styled.input` border-radius: 5px; border: 1px solid #bfbfbf; + &:focus { + border: none; + outline: none; + } + @media only screen and (max-width: 767.98px) { height: auto; margin: 0; diff --git a/src/components/Users/style.jsx b/src/components/Users/style.jsx index 6170f21..5b72784 100644 --- a/src/components/Users/style.jsx +++ b/src/components/Users/style.jsx @@ -50,6 +50,11 @@ const Input = styled.input` border: 1px solid transparent; margin-right: 50px; + &:focus { + border: none; + outline: none; + } + @media only screen and (max-width: 767.98px) { height: 30px; width: 150px;