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 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
67 .bottom-row { | 67 .bottom-row { |
68 margin-bottom: 6px; | 68 margin-bottom: 6px; |
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 padding: 14px; |
77 } | 78 } |
78 | 79 |
79 .digit-button.backspace-button:not([has-content]) { | 80 .digit-button.backspace-button:not([has-content]) { |
80 color: #000; | 81 color: #000; |
81 opacity: 0.26; | 82 opacity: 0.26; |
82 padding: 14px; | |
83 } | 83 } |
84 | 84 |
85 .digit-button inner-text { | 85 .digit-button inner-text { |
86 color: var(--paper-blue-grey-700); | 86 color: var(--paper-blue-grey-700); |
87 display: flex; | 87 display: flex; |
88 flex-direction: column; | 88 flex-direction: column; |
89 height: 52px; | 89 height: 52px; |
90 } | 90 } |
91 | 91 |
92 #pin-input { | 92 #pin-input { |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
202 on-pointerdown="onBackspacePointerDown_" | 202 on-pointerdown="onBackspacePointerDown_" |
203 on-pointerout="onBackspacePointerOut_" | 203 on-pointerout="onBackspacePointerOut_" |
204 on-pointerup="onBackspacePointerUp_"> | 204 on-pointerup="onBackspacePointerUp_"> |
205 </paper-icon-button> | 205 </paper-icon-button> |
206 </div> | 206 </div> |
207 </div> | 207 </div> |
208 </div> | 208 </div> |
209 </template> | 209 </template> |
210 <script src="pin_keyboard.js"></script> | 210 <script src="pin_keyboard.js"></script> |
211 </dom-module> | 211 </dom-module> |
OLD | NEW |