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

Side by Side Diff: pkg/polymer/lib/elements/polymer-ui-splitter/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, 9 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1
2 <!doctype html>
3 <!--
4 Copyright 2013 The Polymer Authors. All rights reserved.
5 Use of this source code is governed by a BSD-style
6 license that can be found in the LICENSE file.
7 -->
8 <html>
9 <head>
10 <title>polymer-ui-splitter</title>
11 <script src="../platform/platform.js"></script>
12 <link rel="import" href="polymer-ui-splitter.html">
13 <link rel="stylesheet" href="../polymer-flex-layout/polymer-flex-layout.css" >
14 <link rel="stylesheet" href="../polymer-ui-base/base.css">
15 <style>
16 body {
17 -webkit-user-select: none;
18 -moz-user-select: none;
19 -webkit-tap-highlight-color: rgba(0,0,0,0);
20 }
21
22 .container {
23 width: 400px;
24 height: 200px;
25 border: 4px solid #aaa;
26 }
27
28 .container div {
29 overflow: hidden;
30 }
31
32 #box1, #box3, #box5, #box6 {
33 width: 100px;
34 }
35
36 #box2, #box4 {
37 height: 40px;
38 }
39 </style>
40 </head>
41 <body class="polymer-ui-body-text" unresolved>
42 <div class="container flexbox">
43 <div id="box1">left</div>
44 <polymer-ui-splitter direction="left"></polymer-ui-splitter>
45 <div flex>right</div>
46 </div>
47 <br>
48 <div class="container flexbox column">
49 <div id="box2">top</div>
50 <polymer-ui-splitter direction="up"></polymer-ui-splitter>
51 <div flex>bottom</div>
52 </div>
53 <br>
54 <div class="container flexbox">
55 <div id="box3">1</div>
56 <polymer-ui-splitter direction="left"></polymer-ui-splitter>
57 <div class="flexbox column" flex>
58 <div id="box4">2</div>
59 <polymer-ui-splitter direction="up"></polymer-ui-splitter>
60 <div flex>3</div>
61 </div>
62 </div>
63 <br>
64 <div class="container flexbox">
65 <div id="box5">left</div>
66 <polymer-ui-splitter direction="left"></polymer-ui-splitter>
67 <div flex>center</div>
68 <polymer-ui-splitter direction="right"></polymer-ui-splitter>
69 <div id="box6">right</div>
70 </div>
71 </body>
72 </html>
OLDNEW
« no previous file with comments | « pkg/polymer/lib/elements/polymer-ui-splitter/bower.json ('k') | pkg/polymer/lib/elements/polymer-ui-splitter/handle.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698