Skip to content
This repository was archived by the owner on Mar 13, 2018. It is now read-only.

Renamed this element to iron-splitter and ported to Polymer 1.0 #19

Open
JC-Orozco wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Renamed this element to iron-splitter and ported to Polymer 1.0 #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6fe7553
Based on core-splitter, renamed to iron-splitter and upgraded to Poly…
JC-Orozco Feb 4, 2016
83522c6
Fixed dependencies on bower.json
JC-Orozco Feb 5, 2016
68c0c53
Changes to bower.json
JC-Orozco Feb 5, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
core-splitter
iron-splitter
=============

Based on core-splitter, upgraded to Polymer 1.0 by Juan Carlos Orozco (Feb. 2016)

See the [component page](https://www.polymer-project.org/0.5/docs/elements/core-splitter.html) for more information.
10 changes: 6 additions & 4 deletions bower.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
{
"name": "core-splitter",
"name": "iron-splitter",
"private": true,
"main": "",
"dependencies": {
"polymer": "Polymer/polymer#master",
"core-resizable": "Polymer/core-resizable#master"
"polymer": "Polymer/polymer#^1.2.0",
"iron-resizable-behavior": "PolymerElements/iron-resizable-behavior",
"iron-flex-layout": "PolymerElements/iron-flex-layout"
}
}
}
163 changes: 0 additions & 163 deletions core-splitter.html
View file
Open in desktop

This file was deleted.

68 changes: 43 additions & 25 deletions demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
<!doctype html>
<!--
<!DOCTYPE html><!--
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
<head>
<title>core-splitter</title>
--><html><head>
<title>iron-splitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<script src="../webcomponentsjs/webcomponents.js"></script>

<link rel="import" href="core-splitter.html">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<!-- <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> -->

<link rel="import" href="iron-splitter.html">

<style>

Expand All @@ -33,44 +32,63 @@

</style>

<style is="custom-style">
/* TODO(polyup): For speed, consider reworking these styles with .classes
and #ids rather than [attributes].
*/
[layout] {
@apply(--layout);
}
[layout][horizontal] {
@apply(--layout-horizontal);
}
[layout][vertical] {
@apply(--layout-vertical);
}
[flex] {
@apply(--layout-flex);
}
</style>
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
</head>
<body unresolved>
<body unresolved="">

<div class="container" horizontal layout>
<div class="container" horizontal="" layout="">
<div>left (min: 128px)</div>
<core-splitter direction="left" minSize="128px"></core-splitter>
<div flex>right</div>
<iron-splitter direction="left" minsize="128px"></iron-splitter>
<div flex="">right</div>
</div>

<br>

<div class="container" vertical layout>
<div class="container" vertical="" layout="">
<div id="box2">top</div>
<core-splitter direction="up"></core-splitter>
<div flex>bottom</div>
<iron-splitter direction="up"></iron-splitter>
<div flex="">bottom</div>
</div>

<br>

<div class="container" horizontal layout>
<div class="container" horizontal="" layout="">
<div id="box3">1</div>
<core-splitter direction="left"></core-splitter>
<div flex vertical layout>
<iron-splitter direction="left"></iron-splitter>
<div flex="" vertical="" layout="">
<div id="box4">2</div>
<core-splitter direction="up"></core-splitter>
<div flex>3</div>
<iron-splitter direction="up"></iron-splitter>
<div flex="">3</div>
</div>
</div>

<br>

<div class="container" horizontal layout>
<div class="container horizontal layout" horizontal="" layout="">
<div id="box5">left</div>
<core-splitter direction="left"></core-splitter>
<iron-splitter direction="left"></iron-splitter>
<div flex>center</div>
<core-splitter direction="right"></core-splitter>
<iron-splitter direction="right"></iron-splitter>
<div id="box6">right</div>
</div>

</body>
</html>


</body></html>
0 core-splitter.css → iron-splitter.css
View file
Open in desktop
File renamed without changes.
Loading