Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(495)

Side by Side Diff: chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html

Issue 2357743002: chromeos: Backspace and enter key works as intended. (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698