Commit graph

8 commits

Author SHA1 Message Date
Nolan Lawson beade4aec3
fix: use attr rather than class for focus-visible polyfill (#1778)
fixes #1777
2020-05-16 14:25:12 -07:00
Nolan Lawson cc62000b21
feat: use :focus-visible, add setting to enable/disable it (#1775)
* feat: use :focus-visible, add setting to enable it

* add the ids back

* css cleanup
2020-05-16 13:36:08 -07:00
Nolan Lawson 604471a158
fix: fix grayscale in firefox (#1261) 2019-06-01 15:51:46 -07:00
Cătălin Mariș cdade05315 fix: use only one 180x180px touch icon (#1213)
* Include just one 180x180px touch icon`.

  Over time as Apple released different size displays for their
  devices, the requirements¹ for the size of the touch icon have
  changed quite a bit:

   * 57×57px – iPhone with @1x display and iPod Touch
   * 72×72px – iPad and iPad mini with @1x display running iOS ≤ 6
   * 76×76px – iPad and iPad mini with @1x display running iOS ≥ 7
   * 114×114px – iPhone with @2x display running iOS ≤ 6
   * 120×120px – iPhone with @2x and @3x display running iOS ≥ 7
   * 144×144px – iPad and iPad mini with @2x display running iOS ≤ 6
   * 152×152px – iPad and iPad mini with @2x display running iOS 7
   * 180×180px – iPad and iPad mini with @2x display running iOS 8+

  However, most iOS users will be on the latest 2 versions² of iOS
  and using newer devices, so nowadays, one 180x180px touch icon is
  enough.

  Also, if needed, the icon will be automatically³ downscaled by
  Safari, and the result of the scaling is generally ok.

* Remove unneeded `sizes` attribute.

  When using only one touch icon there is no need to use the `sizes`
  attribute.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

¹ https://github.com/h5bp/html5-boilerplate/pull/1599#issuecomment-56384135
² https://developer.apple.com/support/app-store/
³ https://realfavicongenerator.net/blog/how-ios-scales-the-apple-touch-icon/

See also: https://mathiasbynens.be/notes/touch-icons
2019-05-13 21:45:38 -07:00
sgenoud db0f5bf237 fix: Fix ios design issues (#1199)
* Take into account the layout weirdness on iPhones

This makes the menu bar full screen in landscape mode and allow the
snackbar to have enough bottom padding

* Improve the icon for PWA

fixes #1198
2019-05-09 07:34:28 -07:00
Nolan Lawson 0887196db4
feat: add snackbar alert with refresh button (#1193)
* feat: add snackbar alert with refresh button

fixes #77

* fixup

* change refresh to reload
2019-05-08 07:52:12 -07:00
Cătălin Mariș ba0ea7ab83 fix: remove no longer needed initial-scale=1 (#1119)
`initial-scale=1` was a workaround for a orientation change bug,
that was only needed for the no longer relevant Safari for iOS < 9.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Ref:

  * https://www.quirksmode.org/blog/archives/2013/10/more_about_scal.html
  * https://twitter.com/ppk/status/829329567219343360
2019-03-26 18:40:11 -07:00
Nolan Lawson 4a8f65b7fc
chore: refactor src files to src/ directory (#900) 2019-01-19 13:32:36 -08:00