From 50306f8eaf37706d641c8b21be3b786965d7e6bc Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Sun, 12 Jun 2016 16:02:52 -0400 Subject: [PATCH] Fix tooltip case when no data-position is specified --- src/definitions/modules/popup.less | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/src/definitions/modules/popup.less b/src/definitions/modules/popup.less index ae488ce0b..13c7fbedd 100755 --- a/src/definitions/modules/popup.less +++ b/src/definitions/modules/popup.less @@ -175,18 +175,12 @@ } /* Animation Position */ -[data-tooltip]:after { - transform: scale(0); -} -[data-tooltip]:hover:after { - transform: scale(1); - opacity: 1; -} +[data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after { transform: translateX(-50%) scale(0) !important; } -[data-tooltip][data-position="top center"]:hover:after, +[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after { transform: translateX(-50%) scale(1) !important; } @@ -198,6 +192,18 @@ [data-tooltip][data-position="right center"]:hover:after { transform: translateY(-50%) scale(1) !important; } +[data-tooltip][data-position="top left"]:after, +[data-tooltip][data-position="top right"]:after, +[data-tooltip][data-position="bottom left"]:after, +[data-tooltip][data-position="bottom right"]:after { + transform: scale(0) !important; +} +[data-tooltip][data-position="top left"]:hover:after, +[data-tooltip][data-position="top right"]:hover:after, +[data-tooltip][data-position="bottom left"]:hover:after, +[data-tooltip][data-position="bottom right"]:hover:after { + transform: scale(1) !important; +} /*--------------