Skip to content

Commit

Permalink
[fixed] - Fix broken links of codepen in examples in docs
Browse files Browse the repository at this point in the history
Signed-off-by: isamrish <[email protected]>

This commit will fix broken codepen urls in examples files of docs. Those md
files are following
- css_classes.md
- global_overrides.md
- inline_styles.md
- minimal.md
- on_request_close.md
- should_close_on_overlay_click.md
  • Loading branch information
isamrish authored and diasbruno committed Apr 30, 2020
1 parent 5189e5b commit 9a4dde5
Show file tree
Hide file tree
Showing 6 changed files with 7 additions and 8 deletions.
2 changes: 1 addition & 1 deletion docs/examples/css_classes.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ If you prefer to use CSS to handle styling the modal you can.

One thing to note is that by using the className property you will override all default styles.

[CSS classes example](codepen://claydiffrient/KNjVrG)
[CSS classes example](https://codepen.io/claydiffrient/pen/KNjVrG)
2 changes: 1 addition & 1 deletion docs/examples/global_overrides.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@

If you'll be using several modals and want to adjust styling for all of them in one location you can by modifying `Modal.defaultStyles`.

[Global overrides example](codepen://claydiffrient/pNXgqQ)
[Global overrides example](https://codepen.io/claydiffrient/pen/pNXgqQ)
2 changes: 1 addition & 1 deletion docs/examples/inline_styles.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@

This example shows how to use inline styles to adjust the modal.

[inline styles example](codepen://claydiffrient/ZBmyKz)
[inline styles example](https://codepen.io/claydiffrient/pen/ZBmyKz)
2 changes: 1 addition & 1 deletion docs/examples/minimal.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@

This example shows the minimal needed to get React Modal to work.

[Minimal example](codepen://claydiffrient/KNxgav)
[Minimal example](https://codepen.io/claydiffrient/pen/KNxgav)
3 changes: 1 addition & 2 deletions docs/examples/on_request_close.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,4 @@ This is especially important for handling closing the modal via the escape key.

Also more important if `shouldCloseOnOverlayClick` is set to `true`, when clicked on overlay it calls `onRequestClose`.


[onRequestClose example](codepen://claydiffrient/KNjVBx)
[onRequestClose example](https://codepen.io/claydiffrient/pen/KNjVBx)
4 changes: 2 additions & 2 deletions docs/examples/should_close_on_overlay_click.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,6 @@ it requires the `onRequestClose` to be defined in order to close the <Modal/>.
This is due to the fact that the `react-modal` doesn't store the `isOpen`
on its state (only for the internal `portal` (see [ModalPortal.js](https://github.com/reactjs/react-modal/blob/master/src/components/ModalPortal.js)).

[disable 'close on overlay click', codepen by claydiffrient](codepen://claydiffrient/woLzwo)
[disable 'close on overlay click', codepen by claydiffrient](https://codepen.io/claydiffrient/pen/woLzwo)

[enable 'close on overlay click', codepen by sbgriffi](codepen://sbgriffi/WMyBaR)
[enable 'close on overlay click', codepen by sbgriffi](https://codepen.io/sbgriffi/pen/WMyBaR)

0 comments on commit 9a4dde5

Please sign in to comment.