Skip to content

Commit 61027e9

Browse files
authored
docs(overlay): mention including overlay css (#992)
* docs(overlay): mention including overlay css * add to readmes
1 parent 97d3ed3 commit 61027e9

File tree

3 files changed

+24
-0
lines changed

3 files changed

+24
-0
lines changed

GETTING_STARTED.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,16 @@ Import the components in your application module:
123123
- [Puppy Love Mobile (Google IO 2016)](https://github.com/kara/puppy-love-io)
124124

125125

126+
### Additional setup for `md-menu` and `md-tooltip`:
127+
For alpha.7, you need to include the overlay styles in your app via a `link` element. This will
128+
look something like
129+
```html
130+
<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">
131+
```
132+
133+
In future releases, all of the core styles will be combined into a single distributed css file.
134+
135+
126136
### Additional setup for `md-slide-toggle` and `md-slider`:
127137
The slide-toggle and slider components have a dependency on [HammerJS](http://hammerjs.github.io/).
128138
1) Add HammerJS to your application via [npm](https://www.npmjs.com/package/hammerjs), a CDN

src/components/menu/README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,12 @@ import {MdMenuModule} from '@angular2-material/menu';
2727
export class MyAppModule {}
2828
```
2929

30+
For alpha.7, you need to include the overlay styles in your app via a `link` element. This will
31+
look something like
32+
```html
33+
<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">
34+
```
35+
3036
### Simple menu
3137

3238
In your template, create an `md-menu` element. You can use either `<button>` or `<anchor>` tags for

src/components/tooltip/README.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,14 @@
11
# MdTooltip
22
Tooltip allows the user to specify text to be displayed when the mouse hover over an element.
33

4+
### Setup
5+
For alpha.7, you need to include the overlay styles in your app via a `link` element. This will
6+
look something like
7+
```html
8+
<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">
9+
```
10+
11+
412
### Examples
513
A button with a tooltip
614
```html

0 commit comments

Comments
 (0)