blob: 251e1fa5b6d1e1157b882b961406e5161e33c57d [file] [log] [blame]
<!doctype html>
<html dir="$i18n{textdirection}" lang="$i18n{language}">
<head>
<meta charset="utf-8">
<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/html/polymer.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/md_colors.css">
<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">
html {
background: var(--md-background-color);
}
.details {
line-height: 20px;
margin-bottom: 8px;
margin-top: 16px;
padding: 0 24px;
}
.details p {
margin-bottom: 0;
}
#closeButton {
margin-inline-start: 8px;
}
#normal-error-message p:empty,
#normal-error-message a:empty {
display: none;
}
#profile-blocking-error-message {
margin-top: 30px;
}
#profile-blocking-error-message p {
background-position: 0 3px;
background-repeat: no-repeat;
background-size: 20px;
line-height: 18px;
padding-inline-start: 35px;
}
html[dir=rtl] #profile-blocking-error-message p {
background-position: right 3px;
}
#profile-blocking-error-message p:empty {
display: none;
}
#profile-blocking-error-message p:nth-child(1) {
background-image:
url(../../../../../ui/webui/resources/images/business.svg);
}
#profile-blocking-error-message p:nth-child(2) {
background-image:
url(../../../../../ui/webui/resources/images/info.svg);
}
<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">$i18n{signinErrorTitle}</div>
<div id="normal-error-message" class="details">
<p>$i18nRaw{signinErrorMessage}</p>
<a id="learnMoreLink" href="#">$i18nRaw{signinErrorLearnMore}</a>
</div>
<div id="profile-blocking-error-message" class="details">
<p>$i18n{profileBlockedMessage}</p>
<p>$i18n{profileBlockedAddPersonSuggestion}</p>
<p>$i18n{profileBlockedRemoveProfileSuggestion}</p>
</div>
<div class="action-container">
<cr-button class="action-button" id="switchButton">
$i18n{signinErrorSwitchLabel}
</cr-button>
<cr-button id="closeButton">
$i18n{signinErrorCloseLabel}
</cr-button>
<cr-button id="confirmButton" hidden>
$i18n{signinErrorOkLabel}
</cr-button>
</div>
</div>
</body>
<script src="signin_error.js"></script>
<script src="chrome://signin-error/strings.js"></script>
</html>