remove border, outline in input, buttons style

one92tb · Mar 18, 2021 · b75cbcc · b75cbcc
1 parent fd2be90
commit b75cbcc
Show file tree

Hide file tree

Showing 8 changed files with 55 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;