Skip to content

Commit

Permalink
Revise demo layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@miztroh-zzz
miztroh-zzz committed Jan 30, 2015
1 parent 7ac4a3e commit 091b69c
Showing 1 changed file with 26 additions and 31 deletions.
57 changes: 26 additions & 31 deletions demo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,38 +7,33 @@
<link rel="import" href="/bower_components/core-selector/core-selector.html">
<link rel="import" href="paper-collapse.html">
</head>
<body fullbleed layout vertical>
<body fullbleed unresolved>
<template is="auto-binding">
<div layout horizontal>
<div flex></div>
<div flex four>
<br><br>
<select id="selectionType">
<option value="single">Single Selection</option>
<option value="multiple">Multiple Selection</option>
</select>
<br><br>
<core-selector selectedAttribute="opened" multi="{{$.selectionType.value === 'multiple' ? true : false}}">
<paper-collapse label="Cloud Storage" labelIcon="cloud">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</paper-collapse>
<paper-collapse label="Extensions" labelIcon="extension">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
</paper-collapse>
<paper-collapse label="Trends" labelIcon="trending-up">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</paper-collapse>
<paper-collapse label="No Label Icon">
<p>Add content here.</p>
</paper-collapse>
</core-selector>
</div>
<div flex seven></div>
<div style="padding: 100px;">
<select id="selectionType">
<option value="single">Single Selection</option>
<option value="multiple">Multiple Selection</option>
</select>
<br><br>
<core-selector selectedAttribute="opened" multi="{{$.selectionType.value === 'multiple' ? true : false}}">
<paper-collapse label="Cloud Storage" labelIcon="cloud">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</paper-collapse>
<paper-collapse label="Extensions" labelIcon="extension">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
</paper-collapse>
<paper-collapse label="Trends" labelIcon="trending-up">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</paper-collapse>
<paper-collapse label="No Label Icon">
<p>Add content here.</p>
</paper-collapse>
</core-selector>
</div>
</template>
</body>
Expand Down

0 comments on commit 091b69c

Please sign in to comment.