OLD | NEW |
1 | 1 |
2 <!--- | 2 <!--- |
3 | 3 |
4 This README is automatically generated from the comments in these files: | 4 This README is automatically generated from the comments in these files: |
5 iron-collapse.html | 5 iron-collapse.html |
6 | 6 |
7 Edit those files, and our readme bot will duplicate them over here! | 7 Edit those files, and our readme bot will duplicate them over here! |
8 Edit this file, and the bot will squash your changes :) | 8 Edit this file, and the bot will squash your changes :) |
9 | 9 |
10 The bot does some handling of markdown. Please file a bug if it does the wrong | 10 The bot does some handling of markdown. Please file a bug if it does the wrong |
(...skipping 18 matching lines...) Expand all Loading... |
29 <div>Content goes here...</div> | 29 <div>Content goes here...</div> |
30 </iron-collapse> | 30 </iron-collapse> |
31 | 31 |
32 ... | 32 ... |
33 | 33 |
34 toggle: function() { | 34 toggle: function() { |
35 this.$.collapse.toggle(); | 35 this.$.collapse.toggle(); |
36 } | 36 } |
37 ``` | 37 ``` |
38 | 38 |
39 `iron-collapse` adjusts the height/width of the collapsible element to show/hide | 39 `iron-collapse` adjusts the max-height/max-width of the collapsible element to s
how/hide |
40 the content. So avoid putting padding/margin/border on the collapsible directly
, | 40 the content. So avoid putting padding/margin/border on the collapsible directly
, |
41 and instead put a div inside and style that. | 41 and instead put a div inside and style that. |
42 | 42 |
43 ```html | 43 ```html |
44 <style> | 44 <style> |
45 .collapse-content { | 45 .collapse-content { |
46 padding: 15px; | 46 padding: 15px; |
47 border: 1px solid #dedede; | 47 border: 1px solid #dedede; |
48 } | 48 } |
49 </style> | 49 </style> |
50 | 50 |
51 <iron-collapse> | 51 <iron-collapse> |
52 <div class="collapse-content"> | 52 <div class="collapse-content"> |
53 <div>Content goes here...</div> | 53 <div>Content goes here...</div> |
54 </div> | 54 </div> |
55 </iron-collapse> | 55 </iron-collapse> |
56 ``` | 56 ``` |
57 | 57 |
58 | 58 |
OLD | NEW |