js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #121 from shoelace-style/menus

Browse Source 
fix menu focus colors
This commit is contained in:
Cory LaViska
2024-06-04 11:19:07 -04:00
committed by GitHub
parent efc640974a 126c4f1789
commit 71bd7c039d
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/menu-item/menu-item.styles.ts
View File

@@ -104,9 +104,10 @@ export default css`
}
:host(:focus-visible) .menu-item {
outline: none;
background-color: var(--wa-color-brand-spot);
color: var(--wa-color-brand-text-on-spot);
outline: var(--wa-focus-ring);
outline-offset: calc(-1 * var(--wa-focus-ring-width));
background-color: var(--wa-color-neutral-fill-subtle);
color: var(--wa-color-neutral-text-on-fill);
opacity: 1;
}