From 87dfe2cc22c60bdbe1ab3e8729ae21c45f82fdb7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Wed, 14 Sep 2016 23:50:57 -0400 Subject: [PATCH] Disable tooltips on mobile to prevent them to stay after clicking --- client/css/style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/client/css/style.css b/client/css/style.css index 321d215f..dab0d048 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -1557,6 +1557,24 @@ button { } @media (max-width: 768px) { + /** + * TODO Replace this with `@media (hover: hover)` when Firefox supports it + * See: + * - http://stackoverflow.com/a/28058919/1935861 + * - http://caniuse.com/#feat=css-media-interaction + * - https://www.w3.org/TR/mediaqueries-4/ + * - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover + */ + .tooltipped:hover:before, + .tooltipped:hover:after, + .tooltipped:active:before, + .tooltipped:active:after, + .tooltipped:focus:before, + .tooltipped:focus:after { + visibility: hidden; + opacity: 0; + } + .container { margin-top: 60px !important; }