From bf3b6ec67f641ed01dc4f2050de34e69a3483140 Mon Sep 17 00:00:00 2001 From: Marek Rozmus Date: Fri, 10 Jan 2020 15:34:37 +0100 Subject: [PATCH 1/2] Add footer to example --- README.md | 4 +--- examples/src/App.js | 1 - examples/src/app.module.css | 36 ++++++++++++++++++++++++++++++++++++ examples/src/index.js | 20 ++++++++++++++++++++ 4 files changed, 57 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index cb271a4..11a7a0d 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ [![Greenkeeper badge](https://badges.greenkeeper.io/sandstreamdev/react-swipeable-list.svg)](https://greenkeeper.io/) [![codecov](https://codecov.io/gh/sandstreamdev/react-swipeable-list/branch/master/graph/badge.svg)](https://codecov.io/gh/sandstreamdev/react-swipeable-list) ![GitHub Release Date](https://img.shields.io/github/release-date/sandstreamdev/react-swipeable-list) -[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors) +[![All Contributors](https://img.shields.io/badge/all_contributors-9-orange.svg?style=flat-square)](#contributors) ## React Swipeable List component @@ -59,8 +59,6 @@ import '@sandstreamdev/react-swipeable-list/dist/styles.css'; ``` -NOTE: `SwipeableListItem` can be used without `SwipeableList` but swipe blocking on scroll needs to be handled. - ## SwipeableList Props ### scrollStartThreshold diff --git a/examples/src/App.js b/examples/src/App.js index 9dcf204..baddf30 100644 --- a/examples/src/App.js +++ b/examples/src/App.js @@ -188,7 +188,6 @@ function App() { -
THE END
); } diff --git a/examples/src/app.module.css b/examples/src/app.module.css index e5e2b8e..018b38c 100644 --- a/examples/src/app.module.css +++ b/examples/src/app.module.css @@ -12,6 +12,42 @@ h5 { margin: 0; } +body { + /* stylelint-disable */ + font-family: + system, + -apple-system, + '.SFNSText-Regular', + 'San Francisco', + 'Roboto', + 'Segoe UI', + 'Helvetica Neue', + 'Lucida Grande', + sans-serif; + /* stylelint-enable */ +} + +footer { + display: flex; + flex-direction: column; + align-items: center; + padding: 40px 0; +} + +a { + text-decoration: none; +} + +footer a, +footer a:visited { + color: #0275d8; +} + +footer a:hover { + color: #0275d8; + text-decoration: underline; +} + .testApp { display: flex; flex-direction: column; diff --git a/examples/src/index.js b/examples/src/index.js index f07869a..01a4ad0 100644 --- a/examples/src/index.js +++ b/examples/src/index.js @@ -11,6 +11,26 @@ ReactDOM.render( + , document.getElementById('root') ); From 6eddc8c41bc478ac0ccb66333a2a1efa7d40f9f6 Mon Sep 17 00:00:00 2001 From: Marek Rozmus Date: Fri, 10 Jan 2020 15:40:49 +0100 Subject: [PATCH 2/2] Update examples/src/app.module.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Przemysław Zalewski --- examples/src/app.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/src/app.module.css b/examples/src/app.module.css index 018b38c..4d5a5cf 100644 --- a/examples/src/app.module.css +++ b/examples/src/app.module.css @@ -31,7 +31,7 @@ footer { display: flex; flex-direction: column; align-items: center; - padding: 40px 0; + padding: 56px 0; } a {