diff --git a/src/components/ScrollIndicatedDialogContent.js b/src/components/ScrollIndicatedDialogContent.js index 103cab6e9..2e6735986 100644 --- a/src/components/ScrollIndicatedDialogContent.js +++ b/src/components/ScrollIndicatedDialogContent.js @@ -28,16 +28,9 @@ const Root = styled(DialogContent, { name: 'ScrollIndicatedDialogContent', slot: /* Shadow covers */ background: `linear-gradient(${bgcolor} 30%, rgba(255, 255, 255, 0)), ` + `linear-gradient(rgba(255, 255, 255, 0), ${bgcolor} 70%) 0 100%, ` - // Shaddows - + 'radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), ' - + 'radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%,', - /* Shadow covers */ - background: `linear-gradient(${bgcolor} 30%, rgba(255, 255, 255, 0)), ` // eslint-disable-line no-dupe-keys - + `linear-gradient(rgba(255, 255, 255, 0), ${bgcolor} 70%) 0 100%, ` - // Shaddows + // Shadows + 'radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), ' + 'radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;', - backgroundAttachment: 'local, local, scroll, scroll', backgroundRepeat: 'no-repeat', backgroundSize: '100% 40px, 100% 40px, 100% 14px, 100% 14px',