Skip to content

Commit 2627ccc

Browse files
committed
Fix inline demo
1 parent 435059f commit 2627ccc

File tree

1 file changed

+35
-32
lines changed

1 file changed

+35
-32
lines changed

README.md

Lines changed: 35 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -32,15 +32,41 @@ An element that saves the presence of the user at a route and gets all other use
3232
<!--
3333
```
3434
<custom-element-demo>
35-
<template is="dom-bind">
36-
<link rel="import" href="../polymerfire/firebase-app.html">
37-
<link rel="import" href="../login-fire/social-login-fire.html">
38-
<link rel="import" href="../paper-button/paper-button.html">
39-
<link rel="import" href="../paper-input/paper-input.html">
40-
<link rel="import" href="../paper-toggle-button/paper-toggle-button.html">
41-
<link rel="import" href="presence-fire.html">
42-
<next-code-block></next-code-block>
43-
</template>
35+
<template>
36+
<link rel="import" href="../polymerfire/firebase-app.html">
37+
<link rel="import" href="../login-fire/social-login-fire.html">
38+
<link rel="import" href="../paper-button/paper-button.html">
39+
<link rel="import" href="../paper-input/paper-input.html">
40+
<link rel="import" href="../paper-toggle-button/paper-toggle-button.html">
41+
<link rel="import" href="presence-fire.html">
42+
<div>
43+
<template is="dom-bind">
44+
<next-code-block></next-code-block>
45+
</template>
46+
<script>
47+
function _changeRoute(a){
48+
document.querySelector("#route").value = a;
49+
}
50+
</script>
51+
<style>
52+
.photoContainer{
53+
min-height: 45px;
54+
}
55+
56+
.photo {
57+
animation: fadein 1.5s;
58+
border-radius: 50%;
59+
width: 40px;
60+
height: 40px;
61+
}
62+
63+
@keyframes fadein {
64+
from { opacity: 0;}
65+
to { opacity: 1; }
66+
}
67+
</style>
68+
</div>
69+
</template>
4470
</custom-element-demo>
4571
```
4672
-->
@@ -91,29 +117,6 @@ An element that saves the presence of the user at a route and gets all other use
91117
<br><br>
92118

93119
<paper-toggle-button checked="{{private}}">Private Browsing</paper-toggle-button>
94-
95-
<script>
96-
function _changeRoute(a){
97-
document.querySelector("#route").value = a;
98-
}
99-
</script>
100-
<style>
101-
.photoContainer{
102-
min-height: 45px;
103-
}
104-
105-
.photo {
106-
animation: fadein 1.5s;
107-
border-radius: 50%;
108-
width: 40px;
109-
height: 40px;
110-
}
111-
112-
@keyframes fadein {
113-
from { opacity: 0;}
114-
to { opacity: 1; }
115-
}
116-
</style>
117120
```
118121

119122
## Contributing

0 commit comments

Comments
 (0)