Adding a focus to the mobile menu

SU-SWS · Aug 23, 2023 · b81b4e7 · b81b4e7
1 parent 93d4430
commit b81b4e7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/...sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/newsroom-menu.island.umd.js b/...sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/newsroom-menu.island.umd.js
diff --git a/...ofiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/newsroom-menu.island.tsx b/...ofiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/newsroom-menu.island.tsx
@@ -223,8 +223,6 @@ export const NewsroomMenu = ({}) => {
 }
 
 const Mobile = styled.span`
-  background-color: orange;
-
   @media (min-width: 992px) {
     position: unset;
   }
@@ -253,12 +251,12 @@ const Button = styled.button`
   width: 38px;
   height: 38px;
 
-  &:hover, &:focus, &:active {
+  &:focus, &:hover, &:active {
     box-shadow: none;
-    background: none;
-    color: white;
+    color: #155F65;
+    background-color: #92D7DD;
     outline: none;
-    border-radius: unset;
+    border-radius: 999px;
   }
 
   @media (min-width: 992px) {