feat: update menu focus and color styles with secondary border and background

nicosammito · nicosammito · commit b41c8e3cb843 · 2026-02-15T23:42:05.000+01:00
diff --git a/src/components/menu/Menu.style.scss b/src/components/menu/Menu.style.scss
@@ -48,7 +48,7 @@
     }
 
     &:focus, &[data-focus=true] {
-      @include box.box(variables.$white, variables.$white, variables.$white);
+      @include box.box(variables.$secondary, variables.$white, variables.$white);
       box-shadow: none;
       width: 100%;
     }
@@ -64,7 +64,8 @@
 }
 
 @each $name, $color in variables.$colors {
-    .menu__content--#{$name}, .menu__sub-content--#{$name} {
-        @include box.box($color);
-    }
+  .menu__content--#{$name}, .menu__sub-content--#{$name} {
+    @include box.box($color);
+    border: helpers.backgroundColor(variables.$secondary) 2px solid;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`&:focus, &[data-focus=true] {`
`51`		`- @include box.box(variables.$white, variables.$white, variables.$white);`
	`51`	`+ @include box.box(variables.$secondary, variables.$white, variables.$white);`
`52`	`52`	`box-shadow: none;`
`53`	`53`	`width: 100%;`
`54`	`54`	`}`
`@@ -64,7 +64,8 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`@each $name, $color in variables.$colors {`
`67`		`- .menu__content--#{$name}, .menu__sub-content--#{$name} {`
`68`		`- @include box.box($color);`
`69`		`- }`
	`67`	`+ .menu__content--#{$name}, .menu__sub-content--#{$name} {`
	`68`	`+ @include box.box($color);`
	`69`	`+ border: helpers.backgroundColor(variables.$secondary) 2px solid;`
	`70`	`+ }`
`70`	`71`	`}`