Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(678)

Unified Diff: pkg/polymer/lib/elements/polymer-layout/demo.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: pkg/polymer/lib/elements/polymer-layout/demo.html
diff --git a/pkg/polymer/lib/elements/polymer-layout/demo.html b/pkg/polymer/lib/elements/polymer-layout/demo.html
new file mode 100644
index 0000000000000000000000000000000000000000..c6c8b4c045b87737526d993bb419e40af28eb9aa
--- /dev/null
+++ b/pkg/polymer/lib/elements/polymer-layout/demo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title></title>
+ <script src="../platform/platform.js"></script>
+ <link rel="import" href="polymer-layout.html">
+ <link rel="import" href="polymer-slide.html">
+ <style>
+ div {
+ padding: 8px;
+ border: 3px solid lightblue;
+ -webkit-transition: all 0.3s;
+ }
+ [vertical] ~ div {
+ border: 3px solid orange;
+ }
+ </style>
+</head>
+<body unresolved>
+ <div style="height: 600px; overflow: hidden;">
+ <polymer-layout></polymer-layout>
+ <div id="left">Hi I'm some content</div>
+ <div id="left2" onclick="leftSlide.closed = !leftSlide.closed;">Click Me First</div>
+ <div onclick="leftSlide2.closed = !leftSlide2.closed;">Click Me Second</div>
+ <div fit>
+ <polymer-layout vertical></polymer-layout>
+ <div id="top">Gribble gribble</div>
+ <div onclick="topSlide.closed = !topSlide.closed;">Click Me</div>
+ <div fit>Squids!</div>
+ <div onclick="bottomSlide.closed = !bottomSlide.closed;">Click Me</div>
+ <div>More is more</div>
+ <div id="bottom">Squids are larger than they appear.</div>
+ </div>
+ <div onclick="rightSlide.closed = !rightSlide.closed;">Click me</div>
+ <div id="right">A last bit, like a panel</div>
+ </div>
+ <polymer-slide id="leftSlide" targetid="left"></polymer-slide>
+ <polymer-slide id="leftSlide2" targetid="left2"></polymer-slide>
+ <polymer-slide id="rightSlide" targetid="right"></polymer-slide>
+ <polymer-slide id="topSlide" vertical targetid="top"></polymer-slide>
+ <polymer-slide id="bottomSlide" vertical targetid="bottom"></polymer-slide>
+</body>
+</html>
« no previous file with comments | « pkg/polymer/lib/elements/polymer-layout/bower.json ('k') | pkg/polymer/lib/elements/polymer-layout/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698