Modify styles for mediaProgressBar

Kubit · Kubit · commit 70f3319c9458 · 2024-07-28T11:03:12.000+02:00
Modify to delete shadoBox on Focus state
diff --git a/src/components/mediaProgressBar/mediaProgressBar.styled.ts b/src/components/mediaProgressBar/mediaProgressBar.styled.ts
@@ -48,6 +48,8 @@ export const BarContainerStyled = styled.div<MediaProgressBarStylesType>`
     `};
   &:focus-visible {
     outline-style: none;
+    box-shadow: none;
+
     & > ${BarStyled} {
       ${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};
     }

Original file line number	Diff line number	Diff line change
@@ -48,6 +48,8 @@ export const BarContainerStyled = styled.div<MediaProgressBarStylesType>`
`48`	`48`	`};
`49`	`49`	`&:focus-visible {`
`50`	`50`	`outline-style: none;`
	`51`	`+ box-shadow: none;`
	`52`	`+`
`51`	`53`	`& > ${BarStyled} {`
`52`	`54`	`${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};`
`53`	`55`	`}`