1
- < div class ="demo-tooltip " cdk-scrollable >
1
+ < div class ="demo-tooltip ">
2
2
< h1 > Tooltip Demo</ h1 >
3
3
4
4
< p class ="centered ">
5
5
< button #tooltip ="mdTooltip "
6
- md-raised-button
7
- color ="primary "
8
- [mdTooltip] ="message "
9
- [mdTooltipPosition] ="position "
10
- [mdTooltipShowDelay] ="showDelay "
11
- [mdTooltipHideDelay] ="hideDelay ">
6
+ md-raised-button
7
+ color ="primary "
8
+ [mdTooltip] ="message "
9
+ [mdTooltipPosition] ="position "
10
+ [mdTooltipShowDelay] ="showDelay "
11
+ [mdTooltipHideDelay] ="hideDelay ">
12
12
Mouse over to see the tooltip
13
13
</ button >
14
14
</ p >
@@ -40,7 +40,7 @@ <h1>Tooltip Demo</h1>
40
40
</ p >
41
41
42
42
< strong > Mouse over to</ strong >
43
- < button md-raised-button color ="primary " (mouseenter) ="tooltip1.show(); tooltip2 .show() ">
43
+ < button md-raised-button color ="primary " (mouseenter) ="tooltip .show() ">
44
44
Show tooltip
45
45
</ button >
46
46
< button md-raised-button color ="primary " (mouseenter) ="tooltip.hide() ">
@@ -49,29 +49,4 @@ <h1>Tooltip Demo</h1>
49
49
< button md-raised-button color ="primary " (mouseenter) ="tooltip.toggle() ">
50
50
Toggle tooltip
51
51
</ button >
52
- </ div >
53
-
54
- < div class ="scrolling-container " cdk-scrollable >
55
- Scroll to see tooltip button.
56
- < button #tooltip1 ="mdTooltip "
57
- md-raised-button
58
- color ="primary "
59
- [md-tooltip] ="message "
60
- [tooltip-position] ="position "
61
- [tooltipShowDelay] ="showDelay "
62
- [tooltipHideDelay] ="hideDelay ">
63
- Mouse over to see the tooltip
64
- </ button >
65
- </ div >
66
- < div class ="scrolling-container " cdk-scrollable >
67
- Scroll to see tooltip button.
68
- < button #tooltip2 ="mdTooltip "
69
- md-raised-button
70
- color ="primary "
71
- [md-tooltip] ="message "
72
- [tooltip-position] ="position "
73
- [tooltipShowDelay] ="showDelay "
74
- [tooltipHideDelay] ="hideDelay ">
75
- Mouse over to see the tooltip
76
- </ button >
77
52
</ div >
0 commit comments