From fa4cb48e2ca2186a9fb82407a9d1febd438e61c7 Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 7 Dec 2016 13:00:18 +0100 Subject: improved tooltip --- public/stylesheets/style.css | 43 +++++++++++++++++++++++-------------------- 1 file changed, 23 insertions(+), 20 deletions(-) (limited to 'public/stylesheets/style.css') diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index f569134..e35d389 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -324,28 +324,31 @@ body.no-input #week-selector { body.no-input #search input:-ms-input-placeholder { color: #757575; } -} -.tooltip { - display: none; -} + body.no-input .tooltip { + display: block; + position: absolute; + background-color: white; + padding: 15px; + margin: 32px 8px; + border-radius: 2px; -body.no-input .tooltip { - display: block; - position: absolute; - background-color: white; - padding: 15px; - margin: 32px 8px; - border-radius: 2px; + left: 16px; + right: 16px; + } + + body.no-input .tooltip::before { + content: ''; + width: 24px; + height: 24px; + background-color: white; + top: -12px; + position: absolute; + transform: rotate(45deg); + z-index: -1; + } } -body.no-input .tooltip::before { - content: ''; - width: 24px; - height: 24px; - background-color: white; - top: -12px; - position: absolute; - transform: rotate(45deg); - z-index: -1; +.tooltip { + display: none; } \ No newline at end of file -- cgit v1.1