From a53c71df67ee5320d555acea534ebf54773a3666 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Sat, 30 Jun 2018 00:22:40 +0200 Subject: [PATCH] responsive tooltips --- templates/standalone/tooltip.lucius | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/templates/standalone/tooltip.lucius b/templates/standalone/tooltip.lucius index feaae0b77..fdd05afd0 100644 --- a/templates/standalone/tooltip.lucius +++ b/templates/standalone/tooltip.lucius @@ -27,7 +27,6 @@ border-radius: 4px; padding: 13px 17px; box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1); - // display: none; &.to-left { left: auto; @@ -47,8 +46,6 @@ transform: rotate(45deg); position: absolute; left: 10px; - // box-shadow: 0 0 4px black; - // outline: 1px solid red; bottom: -8px; } } @@ -57,3 +54,17 @@ display: none; } } + +@media (max-width: 768px) { + + .js-tooltip { + display: block; + margin-top: 10px; + + .tooltip__content { + left: 3px; + right: 3px; + width: auto; + } + } +}