| OLD | NEW |
| 1 SKY MODULE | 1 SKY MODULE |
| 2 <import src="sky:core" as="sky"/> | 2 <import src="sky:core" as="sky"/> |
| 3 <script> | 3 <script> |
| 4 // display: toolbar; | 4 // display: toolbar; |
| 5 // toolbar-spacing: <length> | 5 // toolbar-spacing: <length> |
| 6 // display: spring; // remaining space is split equally amongst the springs | 6 // display: spring; // remaining space is split equally amongst the springs |
| 7 // children are vertically centered, layout out left-to-right with toolbar-spac
ing space between them | 7 // children are vertically centered, layout out left-to-right with toolbar-spac
ing space between them |
| 8 // last child is hidden by default unless there's not enough room for the other
s, then it's shown last, right-aligned | 8 // last child is hidden by default unless there's not enough room for the other
s, then it's shown last, right-aligned |
| 9 module.exports.SpringLayoutManager = class SpringLayoutManager extends sky.Layo
utManager { } | 9 module.exports.SpringLayoutManager = class SpringLayoutManager extends sky.Layo
utManager { } |
| 10 sky.registerLayoutManager('spring', module.exports.SpringLayoutManager); | 10 sky.registerLayoutManager('spring', module.exports.SpringLayoutManager); |
| 11 sky.registerProperty({ | 11 sky.registerProperty({ |
| 12 name: 'toolbar-spacing', | 12 name: 'toolbar-spacing', |
| 13 type: sky.PositiveLengthStyleValueType, | 13 type: sky.PositiveLengthStyleGrammar, |
| 14 inherits: true, | 14 inherits: true, |
| 15 initialValue: 8, | 15 initialValue: 8, |
| 16 needsLayout: true, | 16 needsLayout: true, |
| 17 }); | 17 }); |
| 18 module.exports.ToolbarLayoutManager = class ToolbarLayoutManager extends sky.La
youtManager { | 18 module.exports.ToolbarLayoutManager = class ToolbarLayoutManager extends sky.La
youtManager { |
| 19 constructor (styleNode) { | 19 constructor (styleNode) { |
| 20 super(styleNode); | 20 super(styleNode); |
| 21 this.showingOverflow = false; | 21 this.showingOverflow = false; |
| 22 this.firstSkippedChild = null; | 22 this.firstSkippedChild = null; |
| 23 this.overflowChild = null; | 23 this.overflowChild = null; |
| (...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 202 if (this.inChild(loop.value, x, y)) | 202 if (this.inChild(loop.value, x, y)) |
| 203 return loop.value; | 203 return loop.value; |
| 204 if (this.showingOverflow) | 204 if (this.showingOverflow) |
| 205 if (this.inChild(this.overflowChild, x, y)) | 205 if (this.inChild(this.overflowChild, x, y)) |
| 206 return this.overflowChild; | 206 return this.overflowChild; |
| 207 return this.node; | 207 return this.node; |
| 208 } | 208 } |
| 209 } | 209 } |
| 210 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); | 210 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); |
| 211 </script> | 211 </script> |
| OLD | NEW |