iOS optimizations

src/css/components/sidebar.scss

@@ -31,6 +31,7 @@
     visibility: hidden;
     opacity: 0;
     overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
     max-height: 378px;
     margin-top: 44px;
     box-shadow: 0 0.25rem 0.5rem -0.1rem rgba(0, 32, 128, 0.2);

src/js/deps/utils.js

@@ -3,6 +3,13 @@ export const selectAll = s => [].slice.call(document.querySelectorAll(s))
 export const scrollY = () => window.scrollY || window.pageYOffset
 export const easeOutQuint = (t, b, c, d) => c * ((t = t / d - 1) * t ** 4 + 1) + b
 
+/*
+* Make iOS behave normally.
+*/
+if (/iPhone|iPad|iPod/.test(navigator.platform) && !window.MSStream) {
+  document.body.style.cursor = 'pointer'
+}
+
 /*
 * A small utility to fix the letter kerning on macOS Chrome and Firefox when using the system font
 * (San Francisco). It is now fixed in the text rendering engine in FF 58 and Chrome 64.