Chromium Code Reviews| 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/html/i18n_behavior.html"> | 6 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| 7 <link rel="import" href="chrome://resources/html/polymer.html"> | 7 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> | 8 <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-icon-button/paper -icon-button.html"> | 9 <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-styles/color.html "> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 69 } | 69 } |
| 70 | 70 |
| 71 .top-row { | 71 .top-row { |
| 72 margin-top: 6px; | 72 margin-top: 6px; |
| 73 } | 73 } |
| 74 | 74 |
| 75 .digit-button.backspace-button { | 75 .digit-button.backspace-button { |
| 76 opacity: var(--dark-primary-opacity); | 76 opacity: var(--dark-primary-opacity); |
| 77 } | 77 } |
| 78 | 78 |
| 79 .digit-button.backspace-button[disabled] { | 79 .digit-button.backspace-button:not([has-content]) { |
| 80 color: #000; | 80 color: #000; |
| 81 opacity: 0.26; | 81 opacity: 0.26; |
| 82 padding: 14px; | 82 padding: 14px; |
| 83 } | 83 } |
| 84 | 84 |
| 85 .digit-button.submit-button { | |
| 86 color: var(--google-blue-500); | |
| 87 height: 43px; | |
| 88 left: 137px; | |
| 89 margin: 0; | |
| 90 min-height: 43px; | |
| 91 min-width: 43px; | |
| 92 opacity: var(--light-primary-opacity); | |
| 93 padding: 11.5px 10px; | |
| 94 position: absolute; | |
| 95 width: 43px; | |
| 96 } | |
| 97 | |
| 98 .digit-button.submit-button[disabled] { | |
| 99 color: #000; | |
| 100 opacity: 0.26; | |
|
jdufault
2016/09/20 22:53:59
Unused css?
sammiequon
2016/09/21 01:37:00
Yeah, forgot to remove when the submit button was
| |
| 101 } | |
| 102 | |
| 103 .digit-button inner-text { | 85 .digit-button inner-text { |
| 104 color: var(--paper-blue-grey-700); | 86 color: var(--paper-blue-grey-700); |
| 105 display: flex; | 87 display: flex; |
| 106 flex-direction: column; | 88 flex-direction: column; |
| 107 height: 52px; | 89 height: 52px; |
| 108 } | 90 } |
| 109 | 91 |
| 110 #pin-input { | 92 #pin-input { |
| 111 -webkit-text-security: disc; | 93 -webkit-text-security: disc; |
| 112 background-color: white; | 94 background-color: white; |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 203 <inner-text>$i18n{pinKeyboard7}</inner-text> | 185 <inner-text>$i18n{pinKeyboard7}</inner-text> |
| 204 </paper-button> | 186 </paper-button> |
| 205 <paper-button class="digit-button" on-tap="onNumberTap_" value="8"> | 187 <paper-button class="digit-button" on-tap="onNumberTap_" value="8"> |
| 206 <inner-text>$i18n{pinKeyboard8}</inner-text> | 188 <inner-text>$i18n{pinKeyboard8}</inner-text> |
| 207 </paper-button> | 189 </paper-button> |
| 208 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> | 190 <paper-button class="digit-button" on-tap="onNumberTap_" value="9"> |
| 209 <inner-text>$i18n{pinKeyboard9}</inner-text> | 191 <inner-text>$i18n{pinKeyboard9}</inner-text> |
| 210 </paper-button> | 192 </paper-button> |
| 211 </div> | 193 </div> |
| 212 <div class="row keyboard bottom-row"> | 194 <div class="row keyboard bottom-row"> |
| 213 <div class="digit-button"></div> | 195 <div class="digit-button blank-space"></div> |
| 214 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> | 196 <paper-button class="digit-button" on-tap="onNumberTap_" value="0"> |
| 215 <inner-text>$i18n{pinKeyboard0}</inner-text> | 197 <inner-text>$i18n{pinKeyboard0}</inner-text> |
| 216 </paper-button> | 198 </paper-button> |
| 217 <paper-icon-button class="digit-button backspace-button" | 199 <paper-icon-button class="digit-button backspace-button" |
| 218 disabled="[[!hasInput_(value)]]" | 200 has-content$="[[hasInput_(value)]]" |
| 219 icon="pin-keyboard:backspace" | 201 icon="pin-keyboard:backspace" |
| 220 on-pointerdown="onBackspacePointerDown_" | 202 on-pointerdown="onBackspacePointerDown_" |
| 221 on-pointerout="onBackspacePointerOut_" | 203 on-pointerout="onBackspacePointerOut_" |
| 222 on-pointerup="onBackspacePointerUp_"> | 204 on-pointerup="onBackspacePointerUp_"> |
| 223 </paper-icon-button> | 205 </paper-icon-button> |
| 224 </div> | 206 </div> |
| 225 </div> | 207 </div> |
| 226 </div> | 208 </div> |
| 227 </template> | 209 </template> |
| 228 <script src="pin_keyboard.js"></script> | 210 <script src="pin_keyboard.js"></script> |
| 229 </dom-module> | 211 </dom-module> |
| OLD | NEW |