| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| |
| <link rel="stylesheet" href="chrome://resources/chromeos/colors/cros_colors.generated.css"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html"> |
| |
| <dom-module id="passphrase-dialog"> |
| <template> |
| <style> |
| cr-input, |
| cr-button { |
| -webkit-app-region: no-drag; |
| } |
| |
| :host { |
| align-items: stretch; |
| display: flex; |
| flex-direction: column; |
| justify-content: space-between; |
| } |
| |
| #buttons { |
| align-items: center; |
| display: flex; |
| justify-content: flex-end; |
| padding-top: 32px; |
| } |
| |
| #input { |
| --cr-input-error-display: none; |
| font-family: inherit; |
| font-size: 13px; |
| font-weight: inherit; |
| line-height: inherit; |
| } |
| |
| #title { |
| color: var(--cros-text-color-primary-rgb); |
| font-size: 16px; |
| overflow: hidden; |
| padding-bottom: 16px; |
| text-overflow: ellipsis; |
| } |
| |
| cr-button + cr-button { |
| margin-inline-start: 8px; |
| } |
| </style> |
| <span id="title" i18n-content="ZIP_ARCHIVER_PASSPHRASE_TITLE"></span> |
| <cr-input type="password" |
| id="input" |
| autofocus |
| i18n-values="placeholder:ZIP_ARCHIVER_PASSPHRASE_INPUT_LABEL;aria-label:ZIP_ARCHIVER_PASSPHRASE_INPUT_LABEL"> |
| </cr-input> |
| <div id="buttons"> |
| <cr-button on-click="cancel" id="cancelButton" |
| i18n-content="ZIP_ARCHIVER_PASSPHRASE_CANCEL"> |
| </cr-button> |
| <cr-button class="action-button" on-click="accept" id="acceptButton" |
| i18n-content="ZIP_ARCHIVER_PASSPHRASE_ACCEPT"> |
| </cr-button> |
| </div> |
| </template> |
| </dom-module> |
| |
| <script src="../js/passphrase-dialog.js"></script> |
