Skip to content

Commit bd89c43

Browse files
authored
fix(tooltip): update tooltip design and animation (#305)
#287
1 parent 7726d28 commit bd89c43

File tree

1 file changed

+16
-4
lines changed

1 file changed

+16
-4
lines changed

lib/tooltip/theme.module.scss

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,28 @@
77
:local(.tip) {
88
position: relative;
99
cursor: pointer;
10-
10+
filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.5));
1111
}
1212

1313
:local(.tooltipContent) {
14+
border-radius: 0.25em;
1415
background: $secondary-grey;
15-
font-size: 14px;
16+
font-size: 0.8em;
1617
position: absolute;
17-
top: 20px;
18-
padding: 3px 5px;
18+
top: 1em;
19+
padding: 0.5em;
1920
color: $original-white;
21+
animation: scaleIn 0.2s;
22+
@keyframes scaleIn {
23+
0% {
24+
transform: scale(0.1);
25+
opacity: 0;
26+
}
27+
100% {
28+
transform: scale(1);
29+
opacity: 1;
30+
}
31+
}
2032
&:after {
2133
content: "";
2234
position: absolute;

0 commit comments

Comments
 (0)