Chromium Code Reviews Chromium Code Reviews
Issue 2274013002:
[Signin Error Dialog] (1/3) Added necessary web components (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: chrome/browser/resources/signin_error/signin_error.html |
| diff --git a/chrome/browser/resources/signin_error/signin_error.html b/chrome/browser/resources/signin_error/signin_error.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..ede5865387bed69ffc70f0a0eafc46ee9d5e494b |
| --- /dev/null |
| +++ b/chrome/browser/resources/signin_error/signin_error.html |
| @@ -0,0 +1,114 @@ |
| +<!doctype html> |
| +<html i18n-values="dir:textdirection;lang:language"> |
| + <head> |
| + <meta charset="utf-8"> |
| + <link rel="import" href="chrome://resources/html/polymer.html"> |
| + <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
| + <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html"> |
| + <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| + <style is="custom-style"> |
|
tommycli
2016/08/24 17:22:52
I've noticed a variety of rules duplicated here wi
Jane
2016/08/25 16:35:28
Done. Factored a lot of it into signin_shared_css.
|
| + a { |
| + color: var(--google-blue-700); |
| + text-decoration: none; |
| + } |
| + |
| + body { |
| + margin: 0; |
| + padding: 0; |
| + } |
| + |
| + paper-button { |
| + font-weight: 500 |
| + } |
| + |
| + paper-button.primary-action { |
| + background: var(--google-blue-500); |
| + color: white; |
| + --paper-button-flat-keyboard-focus: { |
| + background: rgb(58, 117, 215); |
| + }; |
| + } |
| + |
| + paper-button.secondary-action { |
| + color: var(--paper-grey-600); |
| + --paper-button-flat-keyboard-focus: { |
| + background: rgba(0, 0, 0, .12); |
| + }; |
| + } |
| + |
| + .container { |
| + background-color: white; |
| + color: #333; |
| + overflow: hidden; |
| + width: 448px; |
| + } |
| + |
| + .top-title-bar { |
| + align-items: center; |
| + border-bottom: 1px solid var(--paper-grey-300); |
| + display: flex; |
| + font-size: 16px; |
| + height: 52px; |
| + padding: 0 24px; |
| + } |
| + |
| + .details { |
| + margin-bottom: 8px; |
| + margin-top: 16px; |
| + padding: 0 24px; |
| + } |
| + |
| + .action-container { |
| + display: flex; |
| + justify-content: flex-end; |
| + padding: 16px; |
| + } |
| + |
| + #switchButton, |
| + #secondaryConfirmButton, |
| + #primaryConfirmButton { |
| + line-height: 16px; |
| + margin: 0; |
| + padding: 8px 16px; |
| + } |
| + |
| + #switchButton { |
| + -webkit-margin-start: 8px; |
| + } |
| + |
| + #primaryConfirmButton { |
| + display: none; |
| + } |
| + |
| +<if expr="is_macosx or is_linux"> |
| + .action-container { |
| + flex-flow: row-reverse; |
| + justify-content: flex-start; |
| + } |
| +</if> |
| + </style> |
| + </head> |
| + <body> |
| + <div class="container"> |
| + <div class="top-title-bar">$i18n{signinErrorTitle}</div> |
| + <div class="details">$i18nRaw{signinErrorMessage}</div> |
| + <div class="action-container"> |
| + <paper-button class="primary-action" id="switchButton"> |
| + $i18n{signinErrorSwitchLabel} |
| + </paper-button> |
| + <paper-button class="secondary-action" id="secondaryConfirmButton"> |
| + $i18n{signinErrorOkLabel} |
| + </paper-button> |
| + <paper-button class="primary-action" id="primaryConfirmButton"> |
| + $i18n{signinErrorOkLabel} |
| + </paper-button> |
| + </div> |
| + </div> |
| + </body> |
| + <script src="chrome://resources/js/cr.js"></script> |
| + <script src="chrome://resources/js/load_time_data.js"></script> |
| + <script src="chrome://resources/js/util.js"></script> |
| + <script src="signin_error.js"></script> |
| + <script src="chrome://signin-error/strings.js"></script> |
| + <script src="chrome://resources/js/i18n_template.js"></script> |
|
tommycli
2016/08/24 17:22:52
I suspect this is no longer needed.
Jane
2016/08/25 16:35:29
Done.
|
| +</html> |
