Chromium Code Reviews| 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 Polymer({ | 5 Polymer({ |
| 6 is: 'viewer-page-selector', | 6 is: 'viewer-page-selector', |
| 7 | 7 |
| 8 properties: { | 8 properties: { |
| 9 /** | 9 /** |
| 10 * The number of pages the document contains. | 10 * The number of pages the document contains. |
| (...skipping 20 matching lines...) Expand all Loading... | |
| 31 | 31 |
| 32 if (!isNaN(page) && page <= this.docLength && page > 0) | 32 if (!isNaN(page) && page <= this.docLength && page > 0) |
| 33 this.fire('change-page', {page: page - 1}); | 33 this.fire('change-page', {page: page - 1}); |
| 34 else | 34 else |
| 35 this.$.input.value = this.pageNo; | 35 this.$.input.value = this.pageNo; |
| 36 this.$.input.blur(); | 36 this.$.input.blur(); |
| 37 }, | 37 }, |
| 38 | 38 |
| 39 docLengthChanged: function() { | 39 docLengthChanged: function() { |
| 40 var numDigits = this.docLength.toString().length; | 40 var numDigits = this.docLength.toString().length; |
| 41 this.$.pageselector.style.width = numDigits + 'ch'; | 41 // Increasing the width of pageselector by 1 'ch' for cursor. |
| 42 this.$.pageselector.style.width = numDigits + 1 + 'ch'; | |
| 42 // Set both sides of the slash to the same width, so that the layout is | 43 // Set both sides of the slash to the same width, so that the layout is |
| 43 // exactly centered. | 44 // exactly centered. |
| 44 this.$['pagelength-spacer'].style.width = numDigits + 'ch'; | 45 this.$['pagelength-spacer'].style.width = numDigits + 'ch'; |
|
tsergeant
2016/01/06 01:58:59
Any changes to line 42 need to be made here as wel
Deepak
2016/01/06 07:35:35
Done.
| |
| 45 }, | 46 }, |
| 46 | 47 |
| 47 select: function() { | 48 select: function() { |
| 48 this.$.input.select(); | 49 this.$.input.select(); |
| 49 }, | 50 }, |
| 50 | 51 |
| 51 /** | 52 /** |
| 52 * @return {boolean} True if the selector input field is currently focused. | 53 * @return {boolean} True if the selector input field is currently focused. |
| 53 */ | 54 */ |
| 54 isActive: function() { | 55 isActive: function() { |
| 55 return this.shadowRoot.activeElement == this.$.input; | 56 return this.shadowRoot.activeElement == this.$.input; |
| 56 } | 57 } |
| 57 }); | 58 }); |
| OLD | NEW |