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 |