Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Snackbar #332

Merged
merged 10 commits into from
Jun 23, 2020
Merged

Snackbar #332

merged 10 commits into from
Jun 23, 2020

Conversation

wenche
Copy link
Contributor

@wenche wenche commented May 29, 2020

resolves #169

@wenche wenche added the core-react eds-core-react label May 29, 2020
@wenche wenche self-assigned this May 29, 2020
@wenche wenche marked this pull request as ready for review June 4, 2020 11:45
@wenche wenche requested review from mimarz and vnys as code owners June 4, 2020 11:45
@wenche wenche changed the title [WIP]: Snackbar Snackbar Jun 4, 2020
Copy link
Member

@vnys vnys left a comment

Choose a reason for hiding this comment

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

Some minor comments

>
Your changes was saved
<SnackbarAction>
<Button variant="ghost">Undo</Button>
Copy link
Member

Choose a reason for hiding this comment

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

The button text is a bit hard to read. In Figma the undo button uses /* Infographic Primary/Moss Green 34 */ as the color – I think we should override the default color with a <StyledButton (but keep the hover style).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

See
e235e10 and
10a9221

Copy link
Member

Choose a reason for hiding this comment

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

If you write the css like this it won’t affect the hover state. Maybe also write a comment in the story why we’re doing it like that.

const StyledButton = styled(Button)`
  :not(:hover) {
    color: ${buttonColor};
  }
`

Copy link
Member

Choose a reason for hiding this comment

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

We have to add a prop to the ghost-button to make the text lighter on negative background, but until we do that we have to show the users how to fix that themselves.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed.

libraries/core-react/src/Snackbar/Snackbar.jsx Outdated Show resolved Hide resolved
Copy link
Member

@vnys vnys left a comment

Choose a reason for hiding this comment

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

👍

@vnys vnys merged commit eb8a1bf into equinor:develop Jun 23, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core-react eds-core-react
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create Notifications: Snackbar component
2 participants