| 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="/route.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 |