Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(3668)

Unified Diff: chrome/browser/resources/sync_confirmation/sync_confirmation.html

Issue 1806353002: Enhanced Sync Confirmation modal (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/sync_confirmation/sync_confirmation.html
diff --git a/chrome/browser/resources/sync_confirmation/sync_confirmation.html b/chrome/browser/resources/sync_confirmation/sync_confirmation.html
index 5d287a5a7d55afe2d7bccb5e624c93707d6dc332..bfa01140b60b59a080b496b5fc00782bf01bec26 100644
--- a/chrome/browser/resources/sync_confirmation/sync_confirmation.html
+++ b/chrome/browser/resources/sync_confirmation/sync_confirmation.html
@@ -4,8 +4,22 @@
<meta charset="utf-8">
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/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-checkbox/paper-checkbox.html">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
<link rel="stylesheet" href="sync_confirmation.css"></link>
+ <!-- see https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom-style -->
+ <style is="custom-style">
+ :root {
+ --primary-text-color: #646464;
+ }
+ paper-checkbox {
+ --paper-checkbox-size: 20px;
+ }
+ a {
+ color: var(--google-blue-700);
+ text-decoration: none;
+ }
+ </style>
</head>
<body>
<div class="container">
@@ -38,14 +52,37 @@
</div>
</div>
</div>
- <div class="sync-message"
- i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div>
- <div class="action-container">
- <paper-button id="confirmButton"
- i18n-content="syncConfirmationConfirmLabel"></paper-button>
- <paper-button id="undoButton"
- i18n-content="syncConfirmationUndoLabel"></paper-button>
+ <div class="message-container">
+ <div id="chrome-logo" class="logo"></div>
+ <div>
+ <div class="title"
+ i18n-content="syncConfirmationChromeSyncTitle"></div>
+ <div class="body text"
+ i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div>
+ </div>
+ </div>
+ <div class="message-container">
+ <div id="googleg-logo" class="logo"></div>
+ <div>
+ <div class="title"
+ i18n-content="syncConfirmationActivityControlsTitle"></div>
+ <div class="body text"
+ i18n-content="syncConfirmationActivityControlsBody"></div>
+ </div>
</div>
+ <div class="message-container">
+ <paper-checkbox id="activityControlsCheckbox" class="body">
+ <span
+ i18n-content="syncConfirmationActivityControlsCheckboxLabel">
+ </span>
+ </paper-checkbox>
+ </div>
+ </div>
+ <div class="action-container">
+ <paper-button id="confirmButton"
+ i18n-content="syncConfirmationConfirmLabel"></paper-button>
+ <paper-button id="undoButton"
+ i18n-content="syncConfirmationUndoLabel"></paper-button>
</div>
</div>
</body>

Powered by Google App Engine
This is Rietveld 408576698