diff options
Diffstat (limited to 'chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html')
-rw-r--r-- | chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html | 94 |
1 files changed, 64 insertions, 30 deletions
diff --git a/chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html b/chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html index 7569eead29a..e1d92c209a0 100644 --- a/chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html +++ b/chromium/chrome/browser/resources/settings/privacy_page/security_keys_bio_enroll_dialog.html @@ -27,12 +27,20 @@ padding-inline-end: 12px; } + .list-item .name { + word-break: break-word; + } + .name { flex: 3; } - #dialog::part(body-container) { - overflow-y: hidden; + .icon-placeholder { + width: var(--cr-icon-ripple-size); + } + + #outer { + padding: 0 var(--cr-section-padding); } </style> @@ -51,40 +59,53 @@ <div id="pinPrompt"> <p>$i18n{securityKeysBioEnrollmentPinPrompt}</p> - <settings-security-keys-pin-field id="pin"> + <settings-security-keys-pin-field + id="pin" label="$i18n{securityKeysPIN}"> </settings-security-keys-pin-field> </div> <div id="enrollments"> <div class="settings-box first"> - <p class="start" hidden="[[hasSome_(enrollments_)]]"> - $i18n{securityKeysBioEnrollmentNoEnrollments}</p> - <p class="start" hidden="[[!hasSome_(enrollments_)]]"> - $i18n{securityKeysBioEnrollmentLabel}</p> + <h2 class="start">$i18n{securityKeysBioEnrollmentLabel}</h2> <cr-button id="addButton" on-click="addButtonClick_" - hidden="[[!addButtonVisible_]]" class="secondary-button header-aligned-button"> $i18n{add} </cr-button> </div> - <div id="container"> - <iron-list id="enrollmentList" items="[[enrollments_]]" - class="cr-separators"> - <template> - <div class="list-item"> - <iron-icon icon="cr-fingerprint-icon:enrollment-done"> - </iron-icon> - <div class="name" aria-label="[[item.name]]"> - [[item.name]] + + + <div id="outer"> + <div id="header" class="list-item column-header" + hidden="[[!hasSome_(enrollments_)]]"> + <div class="name"> + $i18n{securityKeysBioEnrollmentNameLabel} + </div> + <div class="icon-placeholder"></div> + </div> + + <div id="container" hidden="[[!hasSome_(enrollments_)]]"> + <iron-list id="enrollmentList" items="[[enrollments_]]" + class="cr-separators"> + <template> + <div class="list-item"> + <iron-icon icon="cr-fingerprint-icon:enrollment-done"> + </iron-icon> + <div class="name" aria-label="[[item.name]]"> + [[item.name]] + </div> + <cr-icon-button class="icon-clear" + aria-label="i18n{securityKeysBioEnrollmentDelete}" + on-click="deleteEnrollment_" + disabled="[[deleteInProgress_]]"> + </cr-icon-button> </div> - <cr-icon-button class="icon-clear" - aria-label="i18n{securityKeysBioEnrollmentDelete}" - on-click="deleteEnrollment_" - disabled="[[deleteInProgress_]]"> - </cr-icon-button> - </div> - </template> - </iron-list> + </template> + </iron-list> + </div> + + <p hidden="[[hasSome_(enrollments_)]]"> + $i18n{securityKeysBioEnrollmentNoEnrollments} + </p> </div> </div> @@ -93,18 +114,31 @@ <cr-fingerprint-progress-arc id="arc"></cr-fingerprint-progress-arc> </div> + <div id="chooseName"> + <p>$i18n{securityKeysBioEnrollmentChooseName}</p> + <cr-input type="text" id="enrollmentName" + value="{{recentEnrollmentName_}}" + label="$i18n{securityKeysBioEnrollmentNameLabel}" + on-input="onEnrollmentNameInput_" + spellcheck="false"> + </cr-input> + </div> + <div id="error">[[errorMsg_]]</div> </iron-pages> </div> <div slot="button-container"> - <cr-button id="cancelButton" class="cancel-button" - on-click="cancel_" hidden="[[!cancelButtonVisible_]]"> + <cr-button id="cancelButton" class="cancel-button" on-click="cancel_" + hidden="[[!cancelButtonVisible_]]" + disabled="[[cancelButtonDisabled_]]"> $i18n{cancel} </cr-button> - <cr-button id="okButton" class="action-button" - on-click="okButtonClick_" hidden="[[!okButtonVisible_]]"> - $i18n{ok} + <cr-button id="confirmButton" class="action-button" + hidden="[[!confirmButtonVisible_]]" + disabled="[[confirmButtonDisabled_]]" + on-click="confirmButtonClick_"> + $i18n{continue} </cr-button> <cr-button id="doneButton" class="action-button" on-click="done_" hidden="[[!doneButtonVisible_]]"> |