mantine
mantine copied to clipboard
showNotification color is not the same depending on title presence
What package has an issue
@mantine/notifications
Describe the bug
When calling showNotifications with a title and a JSX markup, we end up with black text, but omitting the title we end up with gray text instead.
The syntax used is the one in the documentation (except for the message content), i.e.:
showNotification({
title: 'Default notification',
message: <div>some text some text</div>,
styles: (theme) => ({
root: {
backgroundColor: theme.colors.blue[6],
borderColor: theme.colors.blue[6],
'&::before': { backgroundColor: theme.white },
},
title: { color: theme.white },
description: { color: theme.white },
closeButton: {
color: theme.white,
'&:hover': { backgroundColor: theme.colors.blue[7] },
},
}),
})
In which browser did the problem occur
chrome
If possible, please include a link to a codesandbox with the reproduced problem
No response
Do you know how to fix the issue
No response
Are you willing to participate in fixing this issue and create a pull request with the fix
No response
Possible fix
No response
Fixed in 5.1.4