From b19863f82b2056f1cfc4a68643604ac10cbc88cc Mon Sep 17 00:00:00 2001 From: Rowan Hogan Date: Sun, 9 Sep 2018 16:43:35 +1000 Subject: [PATCH] Fixes for IOS --- public/apple-touch-icon.png | Bin 0 -> 16353 bytes public/index.html | 9 +++- src/components/header/index.js | 3 +- src/components/{Loading => loading}/index.js | 0 src/routes/home/index.js | 5 ++- src/routes/media/index.js | 3 ++ src/styles/_home.scss | 7 ++- src/styles/_page.scss | 30 ++++--------- src/styles/_typography.scss | 13 ++++-- src/styles/styles.css | 45 +++++++++---------- 10 files changed, 62 insertions(+), 53 deletions(-) create mode 100644 public/apple-touch-icon.png rename src/components/{Loading => loading}/index.js (100%) diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..e11c90308ad637f44865b1d64592ddec72f6e078 GIT binary patch literal 16353 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 f8=U}={R@_n;kkK7 Wikipadia - A beautiful, customisable Wikipedia reader. - + + + + + + + + diff --git a/src/components/header/index.js b/src/components/header/index.js index afda2f3..edd9cc3 100644 --- a/src/components/header/index.js +++ b/src/components/header/index.js @@ -24,12 +24,13 @@ class Header extends Component { const { scrollY } = window const { scroll } = this.state const searchOpen = this.refs.header.querySelector('.search-results') + const hidden = scrollY > scroll if (searchOpen) { return } - this.setState({ scroll: scrollY, hidden: scrollY > scroll }) + this.setState({ scroll: Math.max(scrollY, 0), hidden }) } render() { diff --git a/src/components/Loading/index.js b/src/components/loading/index.js similarity index 100% rename from src/components/Loading/index.js rename to src/components/loading/index.js diff --git a/src/routes/home/index.js b/src/routes/home/index.js index 0dd83c0..90703f0 100644 --- a/src/routes/home/index.js +++ b/src/routes/home/index.js @@ -7,8 +7,9 @@ export default () => (

Wikipadia

- WikiPadia is a beautiful, customisable Wikipedia reader. It - was specifically built for leisurely reading on an iPad. + Wikipadia is a beautiful, minimal{' '} + Wikipedia reader. It was + specifically built for leisurely reading on an iPad.

Source code diff --git a/src/routes/media/index.js b/src/routes/media/index.js index 3ee5592..ec1ced0 100644 --- a/src/routes/media/index.js +++ b/src/routes/media/index.js @@ -71,6 +71,9 @@ export default class extends Component { ) })} + + View more +

) : error ? ( diff --git a/src/styles/_home.scss b/src/styles/_home.scss index 5d9a4dd..c973e54 100644 --- a/src/styles/_home.scss +++ b/src/styles/_home.scss @@ -52,7 +52,7 @@ } } - @media (min-width: 48rem) { + @media (min-width: 52rem) { #mp-upper { tr { display: flex; @@ -87,6 +87,11 @@ text-align: center; } + #mp-tfa-img img { + display: block; + margin: auto; + } + #mp-tfp img { width: 100%; } diff --git a/src/styles/_page.scss b/src/styles/_page.scss index d20202f..abe7782 100644 --- a/src/styles/_page.scss +++ b/src/styles/_page.scss @@ -111,31 +111,15 @@ div.hatnote { line-height: 1.5em; } -a { - color: dodgerblue; - - &:visited { - color: mediumpurple; - } - - &:focus { - color: black; - outline: 0; - } -} - -img { - max-width: 100%; -} - table { margin: 1.5rem auto; + table-layout: fixed; border-spacing: 0; + border-collapse: collapse; &.infobox { font-size: 90%; border: 0; - table-layout: fixed; &.geography, &.vcard, @@ -196,9 +180,7 @@ table { &.wikitable { font-size: 90%; - border-spacing: 0; - border-collapse: collapse; - border-right: thin solid #ddd; + // border-right: thin solid #ddd; caption { margin: 0 0 0.5em; @@ -241,6 +223,12 @@ table.mbox-small { display: none; } +.plainlist ul { + list-style: none; + margin: 0; + padding: 0; +} + code, pre { background-color: whitesmoke; diff --git a/src/styles/_typography.scss b/src/styles/_typography.scss index 052ee80..9c82fd7 100644 --- a/src/styles/_typography.scss +++ b/src/styles/_typography.scss @@ -18,14 +18,15 @@ body { } a { - color: dodgerblue; + color: #1565c0; &:visited { - color: mediumpurple; + color: #673ab7; } - &:focus { - color: black; + &:focus, + &:active { + color: #0d47a1; outline: 0; } } @@ -68,3 +69,7 @@ dt { sup.reference { font-size: x-small; } + +abbr { + cursor: help; +} diff --git a/src/styles/styles.css b/src/styles/styles.css index 47be7b0..5e8eab3 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -212,11 +212,11 @@ body { padding: 0; } a { - color: dodgerblue; } + color: #1565c0; } a:visited { - color: mediumpurple; } - a:focus { - color: black; + color: #673ab7; } + a:focus, a:active { + color: #0d47a1; outline: 0; } img { @@ -252,6 +252,9 @@ dt { sup.reference { font-size: x-small; } +abbr { + cursor: help; } + .home-page .blurb { text-align: center; } @@ -284,7 +287,7 @@ sup.reference { .home-page #mp-topbanner ul li a { padding: 0.25rem; } -@media (min-width: 48rem) { +@media (min-width: 52rem) { .home-page #mp-upper tr { display: flex; } .home-page #mp-upper tr td { @@ -307,6 +310,10 @@ sup.reference { .home-page #mp-otd p:first-child { text-align: center; } +.home-page #mp-tfa-img img { + display: block; + margin: auto; } + .home-page #mp-tfp img { width: 100%; } @@ -452,24 +459,14 @@ div.hatnote { padding: 0; line-height: 1.5em; } -a { - color: dodgerblue; } - a:visited { - color: mediumpurple; } - a:focus { - color: black; - outline: 0; } - -img { - max-width: 100%; } - table { margin: 1.5rem auto; - border-spacing: 0; } + table-layout: fixed; + border-spacing: 0; + border-collapse: collapse; } table.infobox { font-size: 90%; - border: 0; - table-layout: fixed; } + border: 0; } table.infobox.geography, table.infobox.vcard, table.infobox.active { max-width: 100%; } table.infobox th[colspan='2'], @@ -506,10 +503,7 @@ table { table.navbox th { background-color: transparent; } table.wikitable { - font-size: 90%; - border-spacing: 0; - border-collapse: collapse; - border-right: thin solid #ddd; } + font-size: 90%; } table.wikitable caption { margin: 0 0 0.5em; } table.wikitable th, @@ -540,6 +534,11 @@ table.mbox-small { .metadata.plainlinks { display: none; } +.plainlist ul { + list-style: none; + margin: 0; + padding: 0; } + code, pre { background-color: whitesmoke;