From 0941eeb5da9db583bbeced65e657f3201d9b6175 Mon Sep 17 00:00:00 2001
From: jlehtinen <janne@woop.fi>
Date: Fri, 19 Jan 2018 14:20:52 +0200
Subject: [PATCH 1/2] Remove iOS double tap req for labels

Make the :after element always display (not just on hover) so there's no need to double tap accordion labels on iOS.
---
 scss/ui-accordion.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/scss/ui-accordion.scss b/scss/ui-accordion.scss
index 686ad37..5ccde88 100644
--- a/scss/ui-accordion.scss
+++ b/scss/ui-accordion.scss
@@ -20,9 +20,12 @@
     }
   }
 
+  label:after, input:checked + label:after {
+    content: '';
+  }
+
   label:hover:after, input:checked + label:hover:after {
     opacity: 0.3;
-    content: '';
     position: absolute;
     width: 30px;
     height: 20px;

From 3947b96a403421a7ca9b352ab962ddcf933caf76 Mon Sep 17 00:00:00 2001
From: jlehtinen <janne@woop.fi>
Date: Fri, 19 Jan 2018 14:22:43 +0200
Subject: [PATCH 2/2] Remove iOS double tap req for hover elements

---
 css/ui-accordion.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/ui-accordion.css b/css/ui-accordion.css
index 2fa2a90..6f0156f 100644
--- a/css/ui-accordion.css
+++ b/css/ui-accordion.css
@@ -15,9 +15,10 @@
     .accordion-wrapper label:hover {
       background: #eee;
       color: #444; }
+  .accordion-wrapper label:after, .accordion-wrapper input:checked + label:after {
+    content: ''; }
   .accordion-wrapper label:hover:after, .accordion-wrapper input:checked + label:hover:after {
     opacity: 0.3;
-    content: '';
     position: absolute;
     width: 30px;
     height: 20px;