OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
8 --> | 8 --> |
9 | 9 |
10 <!-- | 10 <!-- |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
70 | 70 |
71 To change the ink ripple color: | 71 To change the ink ripple color: |
72 | 72 |
73 paper-tabs.pink paper-tab::shadow #ink { | 73 paper-tabs.pink paper-tab::shadow #ink { |
74 color: #ff4081; | 74 color: #ff4081; |
75 } | 75 } |
76 | 76 |
77 @group Paper Elements | 77 @group Paper Elements |
78 @element paper-tabs | 78 @element paper-tabs |
79 @extends core-selector | 79 @extends core-selector |
| 80 @mixins Polymer.CoreResizable https://github.com/polymer/core-resizable |
80 @homepage github.io | 81 @homepage github.io |
81 --> | 82 --> |
82 | 83 |
83 <link rel="import" href="../core-selector/core-selector.html"> | 84 <link rel="import" href="../core-selector/core-selector.html"> |
84 <link rel="import" href="../paper-icon-button/paper-icon-button.html"> | 85 <link rel="import" href="../paper-icon-button/paper-icon-button.html"> |
85 <link rel="import" href="../core-resizable/core-resizable.html"> | 86 <link rel="import" href="../core-resizable/core-resizable.html"> |
86 <link rel="import" href="paper-tab.html"> | 87 <link rel="import" href="paper-tab.html"> |
87 | 88 |
88 <polymer-element name="paper-tabs" extends="core-selector" attributes="noink nob
ar noslide scrollable hideScrollButton" role="tablist" horizontal center layout> | 89 <polymer-element name="paper-tabs" extends="core-selector" attributes="noink nob
ar noslide scrollable hideScrollButton" role="tablist" horizontal center layout> |
89 <template> | 90 <template> |
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
222 this.updateBar(); | 223 this.updateBar(); |
223 }, | 224 }, |
224 | 225 |
225 scroll: function() { | 226 scroll: function() { |
226 if (!this.scrollable) { | 227 if (!this.scrollable) { |
227 return; | 228 return; |
228 } | 229 } |
229 var tc = this.$.tabsContainer; | 230 var tc = this.$.tabsContainer; |
230 var l = tc.scrollLeft; | 231 var l = tc.scrollLeft; |
231 this.leftHidden = l === 0; | 232 this.leftHidden = l === 0; |
232 this.rightHidden = l === (tc.scrollWidth - tc.clientWidth); | 233 this.rightHidden = l === Math.max(0, (tc.scrollWidth - tc.clientWidth)); |
233 }, | 234 }, |
234 | 235 |
235 holdLeft: function() { | 236 holdLeft: function() { |
236 this.holdJob = setInterval(this.scrollToLeft.bind(this), this.holdDelay); | 237 this.holdJob = setInterval(this.scrollToLeft.bind(this), this.holdDelay); |
237 }, | 238 }, |
238 | 239 |
239 holdRight: function() { | 240 holdRight: function() { |
240 this.holdJob = setInterval(this.scrollToRight.bind(this), this.holdDelay); | 241 this.holdJob = setInterval(this.scrollToRight.bind(this), this.holdDelay); |
241 }, | 242 }, |
242 | 243 |
(...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
334 this.positionBarForSelected(); | 335 this.positionBarForSelected(); |
335 } else if (cl.contains('contract')) { | 336 } else if (cl.contains('contract')) { |
336 cl.remove('contract'); | 337 cl.remove('contract'); |
337 } | 338 } |
338 } | 339 } |
339 | 340 |
340 }, Polymer.CoreResizable)); | 341 }, Polymer.CoreResizable)); |
341 | 342 |
342 </script> | 343 </script> |
343 </polymer-element> | 344 </polymer-element> |
OLD | NEW |