From 5b9d24a0293e3a83239f27dd39ab2c7596ca7329 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 26 Mar 2018 22:35:21 +0200
Subject: [PATCH] Disable hover on touch devices

---
 .../client/components/rte/components/Button.css  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css b/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
index 39b14fb7e..9f30022a0 100644
--- a/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
+++ b/plugins/talk-plugin-rich-text/client/components/rte/components/Button.css
@@ -23,16 +23,15 @@
   border: none;
   color: #4e4e4e;
   margin-right: 3px;
+  border-radius: 3px;
 }
 
-.button:hover{
+.button:hover {
   cursor: pointer;
-  border-radius: 3px;
   background-color: #eae8e8;
 }
 
-.active {
-  border-radius: 3px;
+.button.active {
   background-color: #ddd;
 }
 
@@ -41,3 +40,12 @@
   cursor: default;
   background: none;
 }
+
+@media (-moz-touch-enabled: 1), (pointer:coarse) {
+  .button:hover{
+    background-color: transparent;
+  }
+  .button.active {
+    background-color: #ddd;
+  }
+}