| <!doctype html> |
| <html dir="$i18n{textdirection}" lang="$i18n{language}"> |
| <head> |
| <meta charset="utf-8"> |
| <link rel="import" href="chrome://resources/html/polymer.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_radio_button/cr_radio_button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_radio_group/cr_radio_group.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html"> |
| <link rel="import" href="signin_shared_old_css.html"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| <link rel="import" href="chrome://resources/html/cr.html"> |
| <link rel="import" href="chrome://resources/html/load_time_data.html"> |
| <link rel="import" href="chrome://resources/html/util.html"> |
| <custom-style> |
| <style include="signin-dialog-shared"> |
| .container { |
| /* The sign-in confirmation dialog uses a width that is larger than |
| * the other sign-in dialogs to fit cases when the user has an email |
| * name that is very large. */ |
| width: 512px; |
| } |
| |
| .details { |
| line-height: 20px; |
| margin-inline-start: -8px; |
| padding: 8px 24px 0; |
| } |
| |
| .radio-button-title-container { |
| font-weight: 500; |
| line-height: 20px; |
| } |
| |
| .radio-button-subtitle-container { |
| line-height: 20px; |
| } |
| |
| .top-title-bar { |
| color: #333; |
| height: auto; |
| |
| /* The signin email confirmation dialog needs to support cases when the |
| * title extends multiple lines. In that case, the height of the title |
| * bar is equal to padding + height of the text (which is equal to |
| * 2*16px + nb_lines * 22px). */ |
| line-height: 22px; |
| padding: 16px 24px; |
| } |
| |
| #closeButton { |
| margin-inline-start: 8px; |
| } |
| |
| <if expr="is_macosx or is_linux"> |
| #closeButton { |
| margin-inline-end: 8px; |
| margin-inline-start: 0; |
| } |
| </if> |
| </style> |
| </custom-style> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="top-title-bar" id='dialogTitle'> |
| $i18n{signinEmailConfirmationTitle} |
| </div> |
| <div class="details"> |
| <cr-radio-group selected="createNewUser"> |
| <cr-radio-button id="createNewUserRadioButton" |
| name="createNewUser"> |
| <div class="radio-button-title-container"> |
| $i18n{signinEmailConfirmationCreateProfileButtonTitle} |
| </div> |
| <div class="radio-button-subtitle-container" |
| id="createNewUserRadioButtonSubtitle"> |
| $i18n{signinEmailConfirmationCreateProfileButtonSubtitle} |
| </div> |
| </cr-radio-button> |
| <cr-radio-button id="startSyncRadioButton" name="startSync"> |
| <div class="radio-button-title-container"> |
| $i18n{signinEmailConfirmationStartSyncButtonTitle} |
| </div> |
| <div class="radio-button-subtitle-container" |
| id="startSyncRadioButtonSubtitle"> |
| $i18n{signinEmailConfirmationStartSyncButtonSubtitle} |
| </div> |
| </cr-radio-button> |
| </cr-radio-group> |
| </div> |
| <div class="action-container"> |
| <cr-button class="action-button" id="confirmButton"> |
| $i18n{signinEmailConfirmationConfirmLabel} |
| </cr-button> |
| <cr-button id="closeButton"> |
| $i18n{signinEmailConfirmationCloseLabel} |
| </cr-button> |
| </div> |
| </div> |
| </body> |
| <script src="signin_email_confirmation.js"></script> |
| <script src="chrome://signin-email-confirmation/strings.js"></script> |
| </html> |
