| OLD | NEW |
| 1 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out | 1 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out |
| 2 what i18n to use for keypad, ie, does 1 ABC make | 2 what i18n to use for keypad, ie, does 1 ABC make |
| 3 sense in every scenario? --> | 3 sense in every scenario? --> |
| 4 | 4 |
| 5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| 7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| 8 <link rel="import" href="chrome://resources/html/polymer.html"> | 8 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 :host { | 37 :host { |
| 38 outline: none; | 38 outline: none; |
| 39 } | 39 } |
| 40 | 40 |
| 41 :host(:not([enable-submit-button])) #pinInput { | 41 :host(:not([enable-submit-button])) #pinInput { |
| 42 left: 0; | 42 left: 0; |
| 43 text-align: center; | 43 text-align: center; |
| 44 width: 180px; | 44 width: 180px; |
| 45 } | 45 } |
| 46 | 46 |
| 47 :host([has-error]) #pinInput { |
| 48 --paper-input-container-focus-color: var(--paper-red-500); |
| 49 } |
| 50 |
| 47 #root { | 51 #root { |
| 48 direction: ltr; | 52 direction: ltr; |
| 49 display: flex; | 53 display: flex; |
| 50 } | 54 } |
| 51 | 55 |
| 52 .row { | 56 .row { |
| 53 display: flex; | 57 display: flex; |
| 54 } | 58 } |
| 55 | 59 |
| 56 .digit-button { | 60 .digit-button { |
| (...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 175 <div class="row first-row"> | 179 <div class="row first-row"> |
| 176 <paper-input id="pinInput" type="password" no-label-float | 180 <paper-input id="pinInput" type="password" no-label-float |
| 177 value="[[value]]" | 181 value="[[value]]" |
| 178 is-input-rtl$="[[isInputRtl_(value)]]" | 182 is-input-rtl$="[[isInputRtl_(value)]]" |
| 179 has-content$="[[hasInput_(value)]]" | 183 has-content$="[[hasInput_(value)]]" |
| 180 label="[[getInputPlaceholder_(enablePassword)]]" | 184 label="[[getInputPlaceholder_(enablePassword)]]" |
| 181 on-keydown="onInputKeyDown_" | 185 on-keydown="onInputKeyDown_" |
| 182 hidden="[[!showPinInput_]]"> | 186 hidden="[[!showPinInput_]]"> |
| 183 </paper-input> | 187 </paper-input> |
| 184 </div> | 188 </div> |
| 189 <content select="[problem]"></content> |
| 185 <div class="separator" hidden="[[showPinInput_]]"></div> | 190 <div class="separator" hidden="[[showPinInput_]]"></div> |
| 186 <div class="row keyboard"> | 191 <div class="row keyboard"> |
| 187 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" | 192 <paper-button class="digit-button" on-tap="onNumberTap_" value="1" |
| 188 noink> | 193 noink> |
| 189 <inner-text>$i18n{pinKeyboard1}</inner-text> | 194 <inner-text>$i18n{pinKeyboard1}</inner-text> |
| 190 <paper-ripple> | 195 <paper-ripple> |
| 191 </paper-button> | 196 </paper-button> |
| 192 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" | 197 <paper-button class="digit-button" on-tap="onNumberTap_" value="2" |
| 193 noink> | 198 noink> |
| 194 <inner-text>$i18n{pinKeyboard2}</inner-text> | 199 <inner-text>$i18n{pinKeyboard2}</inner-text> |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 252 noink> | 257 noink> |
| 253 </paper-icon-button> | 258 </paper-icon-button> |
| 254 <paper-ripple> | 259 <paper-ripple> |
| 255 </div> | 260 </div> |
| 256 </div> | 261 </div> |
| 257 </div> | 262 </div> |
| 258 </div> | 263 </div> |
| 259 </template> | 264 </template> |
| 260 <script src="pin_keyboard.js"></script> | 265 <script src="pin_keyboard.js"></script> |
| 261 </dom-module> | 266 </dom-module> |
| OLD | NEW |