| <style> |
| cr-dialog::part(dialog) { |
| border-radius: 0; |
| height: 100%; |
| width: 100%; |
| } |
| |
| cr-dialog::part(wrapper) { |
| /* Subtract the internal padding in <cr-dialog>. */ |
| padding: calc(24px - 20px); |
| } |
| |
| cr-input { |
| --cr-input-error-display: none; |
| margin-bottom: var(--cr-form-field-bottom-spacing); |
| } |
| |
| [slot='title'] { |
| padding-top: 4px; |
| } |
| |
| [slot='body'] #password { |
| margin-bottom: 0; |
| } |
| |
| [slot='button-container'] { |
| padding-bottom: 20px; |
| padding-top: 32px; |
| } |
| </style> |
| |
| <cr-dialog id="dialog"> |
| <div slot="title">[[i18n('smbCredentialsDialogTitle', sharePath_)]]</div> |
| <div slot="body" spellcheck="false"> |
| <cr-input id="username" label="[[i18n('smbCredentialsUsername')]]" |
| value="{{username_}}"> |
| </cr-input> |
| <cr-input id="password" type="password" |
| label="[[i18n('smbCredentialsPassword')]]" value="{{password_}}"> |
| </cr-input> |
| </div> |
| <div slot="button-container"> |
| <cr-button class="cancel-button" on-click="onCancelButtonClick_"> |
| [[i18n('cancel')]] |
| </cr-button> |
| <cr-button class="action-button" on-click="onSaveButtonClick_" |
| disabled="[[!username_]]"> |
| [[i18n('save')]] |
| </cr-button> |
| </div> |
| </cr-dialog> |
