chore(sidenav): remove mouse focus state (#776)

clukhei · web-flow · commit 4ef52a9a47bf · 2026-07-21T10:49:18.000+08:00
diff --git a/src/components/Sidenav/sidenav-item.css b/src/components/Sidenav/sidenav-item.css
@@ -44,7 +44,6 @@ button {
     transform: rotate(0deg);
   }
 }
-.sidenav-btn:focus:not(.disabled),
 .sidenav-btn:focus-visible:not(.disabled) {
   background-color: var(--sgds-bg-translucent-subtle);
 }
@@ -68,7 +67,6 @@ button {
   font-weight: var(--sgds-font-weight-semibold) !important;
 }
 
-.no-menu-default::slotted(a:focus),
 .no-menu-default::slotted(a:focus-visible) {
   background-color: var(--sgds-bg-translucent-subtle);
 }
diff --git a/src/components/Sidenav/sidenav-link.css b/src/components/Sidenav/sidenav-link.css
@@ -42,12 +42,10 @@
   opacity: var(--sgds-opacity-40);
   pointer-events: none;
 }
-:host([disabled]) ::slotted(a:focus),
 :host([disabled]) ::slotted(a:focus-visible) {
   outline: 0;
 }
 
-::slotted(a:focus),
 ::slotted(a:focus-visible) {
   background-color: var(--sgds-bg-translucent-subtle);
 }
@@ -56,7 +54,6 @@
   outline-offset: var(--sgds-outline-offset-focus);
 }
 
-:host([active]) ::slotted(a:focus),
 :host([active]) ::slotted(a:focus-visible) {
   background-color: var(--sgds-primary-bg-translucent);
 }

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,6 @@ button {`
`44`	`44`	`transform: rotate(0deg);`
`45`	`45`	`}`
`46`	`46`	`}`
`47`		`-.sidenav-btn:focus:not(.disabled),`
`48`	`47`	`.sidenav-btn:focus-visible:not(.disabled) {`
`49`	`48`	`background-color: var(--sgds-bg-translucent-subtle);`
`50`	`49`	`}`
`@@ -68,7 +67,6 @@ button {`
`68`	`67`	`font-weight: var(--sgds-font-weight-semibold) !important;`
`69`	`68`	`}`
`70`	`69`
`71`		`-.no-menu-default::slotted(a:focus),`
`72`	`70`	`.no-menu-default::slotted(a:focus-visible) {`
`73`	`71`	`background-color: var(--sgds-bg-translucent-subtle);`
`74`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,12 +42,10 @@`
`42`	`42`	`opacity: var(--sgds-opacity-40);`
`43`	`43`	`pointer-events: none;`
`44`	`44`	`}`
`45`		`-:host([disabled]) ::slotted(a:focus),`
`46`	`45`	`:host([disabled]) ::slotted(a:focus-visible) {`
`47`	`46`	`outline: 0;`
`48`	`47`	`}`
`49`	`48`
`50`		`-::slotted(a:focus),`
`51`	`49`	`::slotted(a:focus-visible) {`
`52`	`50`	`background-color: var(--sgds-bg-translucent-subtle);`
`53`	`51`	`}`
`@@ -56,7 +54,6 @@`
`56`	`54`	`outline-offset: var(--sgds-outline-offset-focus);`
`57`	`55`	`}`
`58`	`56`
`59`		`-:host([active]) ::slotted(a:focus),`
`60`	`57`	`:host([active]) ::slotted(a:focus-visible) {`
`61`	`58`	`background-color: var(--sgds-primary-bg-translucent);`
`62`	`59`	`}`