diff options
| author | nohros | 2014-02-06 20:06:45 -0200 |
|---|---|---|
| committer | nohros | 2014-02-06 20:06:45 -0200 |
| commit | 13d4234f89d9045e3ee2352f1c359b560e198000 (patch) | |
| tree | d78f11652cd8e58b6eb1077d55cf626062d89a1b /example/index.html | |
| parent | 70469eef704a7ad1fdd23fdc3ff37fa3db0e1343 (diff) | |
| download | nsPopover-13d4234f89d9045e3ee2352f1c359b560e198000.tar.bz2 | |
Added a new theme that make the popover looks like a tooltip.0.5.2
Diffstat (limited to 'example/index.html')
| -rw-r--r-- | example/index.html | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/example/index.html b/example/index.html index 7b46b64..8460374 100644 --- a/example/index.html +++ b/example/index.html @@ -12,14 +12,17 @@ <script src="index.js"></script>
<script type="text/ng-template" id="menu">
- <ul>
- <li ng-repeat="item in items"><a>{{item.name}}</a></li>
- </ul>
+ <div class="triangle"></div>
+ <div class="ns-popover-tooltip">
+ <ul>
+ <li ng-repeat="item in items"><a>{{item.name}}</a></li>
+ </ul>
+ </div>
</script>
<script type="text/ng-template" id="tooltip">
- <div class="arrow-up"></div>
- <div class="tooltip">
+ <div class="triangle"></div>
+ <div class="ns-popover-tooltip">
Cool! The <b>nsPopover</b> could be used as a tooptip.
</div>
</script>
@@ -29,31 +32,35 @@ <section viewport-width>
<h1> Popovers </h1>
- <article>
+ <article>
<button ns-popover
ns-popover-template="menu"
- ns-popover-trigger="click">
+ ns-popover-trigger="click"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on bottom
</button>
<button ns-popover
ns-popover-template="menu"
ns-popover-trigger="click"
- ns-popover-placement="top|left">
+ ns-popover-placement="top|left"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on top
</button>
<button ns-popover
ns-popover-template="tooltip"
ns-popover-trigger="click"
- ns-popover-placement="left">
+ ns-popover-placement="left"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on left
</button>
<button ns-popover
ns-popover-template="tooltip"
ns-popover-trigger="click"
- ns-popover-placement="right">
+ ns-popover-placement="right"
+ ns-popover-theme="ns-popover-tooltip-theme">
Popover on right
</button>
</article>
|