-
Notifications
You must be signed in to change notification settings - Fork 29
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* port to 2.0 * use demo-snippet, bump to 2.0.0 * remove iron-flex-layout devDependency (not used in the demo) * point to custom-elements-v1 * keep enableTransition to have minimally breaking change * will animate if attached and if desired size changed * use new custom-style syntax * update repos links * update deps * remove <content> * add variants. make horizontal collapse content scrollable in demo * fix safari10 tests (needs prefixed transition-duration) * test native SD also for basic.html * update deps and resolutions * Depend on test-fixture v2 * auto-generated: update repo for v2 * remove test-fixture since it gets imported by wct * fix safari9 * fix IE11 tests * update deps * Point to Polymer 2.0 RC 1 * use wct 5 * no test-fixture * ignore variants artifacts * use shadow-elevation mixin * incorporate feedback * Update travis config * [skip ci] update readme * Update travis config (#75)
- Loading branch information
1 parent
a6a6628
commit 920a2a5
Showing
13 changed files
with
220 additions
and
140 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,2 @@ | ||
bower_components | ||
bower_components* | ||
bower-*.json |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
<!-- | ||
@license | ||
Copyright (c) 2016 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 | ||
--> | ||
|
||
<link rel="import" href="../iron-collapse.html"> | ||
<link rel="import" href="../../paper-styles/shadow.html"> | ||
|
||
<dom-module id="simple-expand-collapse"> | ||
|
||
<template> | ||
|
||
<style> | ||
|
||
:host { | ||
display: block; | ||
} | ||
|
||
#trigger { | ||
padding: 10px 15px; | ||
background-color: #f3f3f3; | ||
border: 1px solid #dedede; | ||
border-radius: 5px; | ||
font-size: 18px; | ||
cursor: pointer; | ||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
text-align: left; | ||
} | ||
|
||
:host([opened]) #trigger { | ||
border-bottom-left-radius: 0; | ||
border-bottom-right-radius: 0; | ||
} | ||
|
||
iron-collapse { | ||
border: 1px solid #dedede; | ||
border-top: none; | ||
border-bottom-left-radius: 5px; | ||
border-bottom-right-radius: 5px; | ||
@apply --shadow-elevation-2dp; | ||
} | ||
</style> | ||
<button id="trigger" on-click="toggle" aria-expanded$="[[opened]]" aria-controls="collapse">[[_getText(opened)]]</button> | ||
<iron-collapse id="collapse" opened="{{opened}}" horizontal="[[horizontal]]" no-animation="[[noAnimation]]" tabindex="0"> | ||
<slot></slot> | ||
</iron-collapse> | ||
|
||
</template> | ||
|
||
</dom-module> | ||
|
||
<script> | ||
Polymer({ | ||
|
||
is: 'simple-expand-collapse', | ||
|
||
properties: { | ||
|
||
horizontal: { | ||
type: Boolean | ||
}, | ||
opened: { | ||
type: Boolean, | ||
reflectToAttribute: true | ||
}, | ||
noAnimation: { | ||
type: Boolean | ||
}, | ||
}, | ||
|
||
toggle: function() { | ||
this.$.collapse.toggle(); | ||
}, | ||
|
||
_getText: function(opened) { | ||
return opened ? 'Collapse' : 'Expand'; | ||
} | ||
|
||
}); | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.