Skip to content

Commit af9e786

Browse files
authored
fix(notifications): update GlobalAlert box-shadow to inset (#2030)
1 parent 99e953d commit af9e786

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

packages/notifications/src/styled/global-alert/StyledGlobalAlert.spec.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ describe('StyledGlobalAlert', () => {
4545

4646
expect(container.firstChild).toHaveStyleRule(
4747
'box-shadow',
48-
`0 ${DEFAULT_THEME.borderWidths.sm} ${DEFAULT_THEME.borderWidths.sm} ${color}`
48+
`inset 0 -${DEFAULT_THEME.borderWidths.sm} 0 ${color}`
4949
);
5050
});
5151
});

packages/notifications/src/styled/global-alert/StyledGlobalAlert.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ const colorStyles = ({ theme, $alertType }: ThemeProps<DefaultTheme> & IStyledGl
7474
}
7575

7676
// Apply a border without affecting the element's size
77-
const boxShadow = `0 ${theme.borderWidths.sm} ${theme.borderWidths.sm} ${borderColor}`;
77+
const boxShadow = `inset 0 -${theme.borderWidths.sm} 0 ${borderColor}`;
7878

7979
/* stylelint-disable selector-no-qualifying-type */
8080
return css`

0 commit comments

Comments
 (0)