diff options
Diffstat (limited to 'chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html')
-rw-r--r-- | chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html | 109 |
1 files changed, 37 insertions, 72 deletions
diff --git a/chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html b/chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html index 40789091171..743d00668af 100644 --- a/chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html +++ b/chromium/chrome/browser/resources/welcome/onboarding_welcome/email/nux_email.html @@ -1,76 +1,41 @@ -<!DOCTYPE html> -<html dir="$i18n{textdirection}" lang="$i18n{language}"> -<head> - <meta charset="utf-8"> - <title>$i18n{headerText}</title> - <link rel="import" href="chrome://resources/html/polymer.html"> - <link rel="import" href="chrome://welcome/email/email_chooser.html"> - <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> - <style> - body { - margin: 0; - } - </style> +<link rel="import" href="chrome://resources/html/polymer.html"> - <dom-module id="nux-email"> - <template> - <style> - :host { - align-items: center; - display: flex; - height: fit-content; - margin: auto; - min-height: 100vh; - width: fit-content; - } +<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> +<link rel="import" href="../navigation_behavior.html"> +<link rel="import" href="email_chooser.html"> - .email-ask { - text-align: center; - } +<dom-module id="nux-email"> + <template> + <style> + .email-ask { + text-align: center; + } - .email-logo { - content: -webkit-image-set( - url('chrome://welcome/logo.png') 1x, - url('chrome://welcome/logo2x.png') 2x); - height: 48px; - margin: auto; - margin-bottom: 16px; - width: 48px; - } + .email-logo { + content: -webkit-image-set( + url(../images/email_provider_1x.png) 1x, + url(../images/email_provider_2x.png) 2x); + height: 38px; + margin: auto; + margin-bottom: 16px; + width: 42px; + } - h1 { - color: #202124; - font-weight: 500; - font-size: 1.5rem; - line-height: 2.5rem; - margin: 0; - } - - h2 { - color: #202124; - font-weight: unset; - font-size: 1.125rem; - line-height: 2rem; - margin: 0; - margin-bottom: 48px; - } - - #emailChooser { - color: #202124; - margin-bottom: 48px; - } - </style> - <div class="email-ask"> - <div class="email-logo" alt=""></div> - <h1>$i18n{welcomeTitle}</h1> - <h2>$i18n{emailPrompt}</h2> - <email-chooser id="emailChooser"></email-chooser> - </div> - </template> - <script src="email/nux_email.js"></script> - </dom-module> -</head> -<body> - <nux-email></nux-email> -</body> -</html>
\ No newline at end of file + h1 { + color: var(--google-grey-900); + font-size: 1.5rem; + font-weight: 500; + margin: 0; + margin-bottom: 48px; + outline: none; + } + </style> + <div class="email-ask"> + <div class="email-logo" alt=""></div> + <h1 tabindex="-1">$i18n{emailProviderTitle}</h1> + <email-chooser id="emailChooser" indicator-model="[[indicatorModel]]"> + </email-chooser> + </div> + </template> + <script src="nux_email.js"></script> +</dom-module> |