OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @fileoverview | 6 * @fileoverview |
7 * `cr-collapse` creates a collapsible block of content. By default, the content | 7 * `cr-collapse` creates a collapsible block of content. By default, the content |
8 * will be collapsed. Use `opened` or `toggle()` to show/hide the content. | 8 * will be collapsed. Use `opened` or `toggle()` to show/hide the content. |
9 * `cr-collapse` adjusts the height/width of the collapsible element to | 9 * `cr-collapse` adjusts the height/width of the collapsible element to |
10 * show/hide the content. So avoid putting padding/margin/border on the | 10 * show/hide the content. So avoid putting padding/margin/border on the |
11 * collapsible directly, and instead put a `div` inside and style that. | 11 * collapsible directly, and instead put a `div` inside and style that. |
12 * | 12 * |
13 * When a `cr-collapse` is toggled, its `opened` field changes immediately, but | 13 * When a `cr-collapse` is toggled, its `opened` field changes immediately, but |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
56 toggle: function() { | 56 toggle: function() { |
57 this.$.collapse.toggle(); | 57 this.$.collapse.toggle(); |
58 }, | 58 }, |
59 | 59 |
60 ready: function() { | 60 ready: function() { |
61 this.$.collapse.addEventListener( | 61 this.$.collapse.addEventListener( |
62 'core-resize', this.handleResize_.bind(this)); | 62 'core-resize', this.handleResize_.bind(this)); |
63 this.handleResize_(); | 63 this.handleResize_(); |
64 }, | 64 }, |
65 }); | 65 }); |
OLD | NEW |