| OLD | NEW |
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 3 <link rel="import" href="/people_page/quick_unlock_routing_behavior.html"> |
| 4 <link rel="import" href="/settings_page/settings_section.html"> |
| 5 <link rel="import" href="/settings_shared_css.html"> |
| 6 |
| 7 <dom-module id="settings-quick-unlock-authenticate"> |
| 8 <template> |
| 9 <style include="settings-shared"></style> |
| 10 <style> |
| 11 #profile-name { |
| 12 margin-right: 16px; |
| 13 } |
| 14 |
| 15 #password-input { |
| 16 display: inline-block; |
| 17 } |
| 18 |
| 19 .secondary-action { |
| 20 /* Increase the length of the vertical line, since it has no actual |
| 21 content to be sized to. */ |
| 22 padding: 10px 0 10px 0; |
| 23 } |
| 24 </style> |
| 25 |
| 26 <div> |
| 27 <div class="settings-box">$i18n{quickUnlockConfirmLogin}</div> |
| 28 |
| 29 <div class="settings-box block first"> |
| 30 <span id="profile-name"> |
| 31 [[profileName]] |
| 32 </span> |
| 33 |
| 34 <!-- The secondary-action would normally be on the paper-input element, |
| 35 but that makes the secondary-action have a long top-section because |
| 36 the paper-input has an floating text element appear above it which is |
| 37 invisible when there is no content inside the input. --> |
| 38 <span class="secondary-action"></span> |
| 39 |
| 40 <paper-input id="password-input" type="password" |
| 41 label="$i18n{quickUnlockPasswordLabel}" |
| 42 value="{{password_}}" |
| 43 invalid$="[[passwordInvalid_]]" |
| 44 on-change="checkPasswordNow_" |
| 45 on-input="startDelayedPasswordCheck_" |
| 46 error-message="$i18n{quickUnlockInvalidPassword}" |
| 47 aria-disabled="false"> |
| 48 </paper-input> |
| 49 </div> |
| 50 </div> |
| 51 </template> |
| 52 |
| 53 <script src="quick_unlock_authenticate.js"></script> |
| 54 </dom-module> |
| OLD | NEW |