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; +} /*--------------