From 7d1894e1d52e98e042854522fff4eba9a3eef592 Mon Sep 17 00:00:00 2001 From: Brian Hall Date: Wed, 8 Apr 2015 15:07:59 -0500 Subject: [PATCH] Update tooltip according to UX review. --- src/_colors.scss | 2 +- src/tooltip/_tooltip.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/_colors.scss b/src/_colors.scss index 0fbe0ecb..0f464273 100644 --- a/src/_colors.scss +++ b/src/_colors.scss @@ -202,7 +202,7 @@ $default-dropdown-bg-color: unquote("rgb(#{$palette-white-100})") !default; /* ========== Tooltips ========== */ $tooltip-text-color: unquote("rgb(#{$palette-white-100})") !default; -$tooltip-background-color: unquote("rgb(#{$palette-grey-600})") !default; +$tooltip-background-color: unquote("rgba(#{$palette-black-100}, .9)") !default; /* ========== Footer ========== */ diff --git a/src/tooltip/_tooltip.scss b/src/tooltip/_tooltip.scss index 30493c76..9647e9cb 100644 --- a/src/tooltip/_tooltip.scss +++ b/src/tooltip/_tooltip.scss @@ -6,13 +6,13 @@ transform: scale(0); transform-origin: top center; background: $tooltip-background-color; - border-radius: 5px; + border-radius: 2px; color: $tooltip-text-color; display: none; font-size: 10px; line-height: 14px; max-width: 170px; - padding: 5px 8px; + padding: 4px 8px; position: absolute; text-align: center; } @@ -24,7 +24,7 @@ .wsk-tooltip--large { line-height: 14px; font-size: 14px; - padding: 16px; + padding: 15px 16px; } @-webkit-keyframes pulse {