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

added backdrop and stylelint rule #3468

Merged
merged 5 commits into from
Aug 7, 2017
Merged

added backdrop and stylelint rule #3468

merged 5 commits into from
Aug 7, 2017

Conversation

ErfanEbrahimnia
Copy link
Contributor

@ErfanEbrahimnia ErfanEbrahimnia commented Aug 3, 2017

Q A
Bug fix? no
New feature? yes
BC breaks? no
Deprecations? no
License MIT

What's in this PR?

A backdrop component and a styleguide rule.

Why?

Because we the UI needs a backdrop.

Example Usage

<Backdrop isOpen={state.open} onClick={() => setState({open: false})} />

To Do

  • Example code

@mmsbrggr mmsbrggr mentioned this pull request Aug 3, 2017
@ErfanEbrahimnia ErfanEbrahimnia mentioned this pull request Aug 7, 2017
2 tasks
Copy link
Contributor

@danrot danrot left a comment

Choose a reason for hiding this comment

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

Just two new lines, good work otherwise!

The Backdrop component serves as a simple solution to create a backdrop for modals and other kinds of overlays.

Here is a basic example of the component. The open state of the backdrop is controlled by the `isOpen` property.
```
Copy link
Contributor

Choose a reason for hiding this comment

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

New line before that

```

This time the `isVisible` property is set to false, therefore the backdrop is invisible.
```
Copy link
Contributor

Choose a reason for hiding this comment

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

New line before that

@danrot
Copy link
Contributor

danrot commented Aug 7, 2017

I didn't ask you to remove the new lines, I've asked you to add some more 🙈

isVisible,
onClick,
} = this.props;
const backdropClasses = classNames({
Copy link
Member

@chirimoya chirimoya Aug 7, 2017

Choose a reason for hiding this comment

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

add new empty line

@chirimoya
Copy link
Member

ACK

@danrot danrot merged commit 9ca4691 into sulu:develop Aug 7, 2017
@ErfanEbrahimnia ErfanEbrahimnia deleted the feature/backdrop branch October 2, 2017 08:14
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.

None yet

3 participants