mantine icon indicating copy to clipboard operation
mantine copied to clipboard

showNotification color is not the same depending on title presence

Open mlarcher opened this issue 3 years ago • 0 comments

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

mlarcher avatar Jun 13 '22 14:06 mlarcher

Fixed in 5.1.4

rtivital avatar Aug 12 '22 07:08 rtivital