Skip to content

Conversation

@mikeldking
Copy link
Collaborator

Adjusts notification styles to be more legible, support FF since it doesn't support background-filter css property.

Also adds support for notifications to be positioned via useNotification({ style: { bottom: 48 } })

Custom positioning

Screen Shot 2022-04-05 at 7 10 14 PM

## New opacity

Screen Shot 2022-04-05 at 6 59 37 PM

@github-actions
Copy link

github-actions bot commented Apr 6, 2022

size-limit report 📦

Path Size
dist/components.cjs.production.min.js 110.45 KB (-0.01% 🔽)
dist/components.esm.js 91.88 KB (-0.01% 🔽)

)};
color: ${severityColor};
/* background-filter support (Chrome / Safari) */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

woah 🤯 didn't know this existed

@mikeldking mikeldking merged commit 9d571a6 into main Apr 12, 2022
@mikeldking mikeldking deleted the notice-opacity branch October 26, 2023 03:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants