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

Side by Side Diff: chrome/browser/resources/signin/sync_confirmation/sync_confirmation.html

Issue 2800683008: Sync confirmation: change "Settings" link to checkbox (Closed)
Patch Set: tests Created 3 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 unified diff | Download patch
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html i18n-values="dir:textdirection;lang:language"> 2 <html dir="$i18n{textdirection}" lang="$i18n{language}">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <link rel="import" href="chrome://resources/html/polymer.html"> 5 <link rel="import" href="chrome://resources/html/polymer.html">
6 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html ">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper- button.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper- button.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/pape r-checkbox.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color. html"> 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color. html">
8 <link rel="import" href="signin_shared_css.html"> 10 <link rel="import" href="signin_shared_css.html">
9 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 11 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
10 <link rel="stylesheet" href="sync_confirmation.css"></link> 12 <link rel="stylesheet" href="sync_confirmation.css"></link>
11 <style is="custom-style" include="signin-dialog-shared"> 13 <style is="custom-style" include="signin-dialog-shared">
12 <if expr="is_macosx or is_linux"> 14 <if expr="is_macosx or is_linux">
13 #undoButton { 15 #undoButton {
14 -webkit-margin-end: 8px; 16 -webkit-margin-end: 8px;
15 -webkit-margin-start: 0; 17 -webkit-margin-start: 0;
16 } 18 }
17 </if> 19 </if>
20 /* TODO(dbeam): de-duplicate this style with MD Settings. */
21 paper-checkbox {
22 --paper-checkbox-checked-color: var(--google-blue-500);
23 --paper-checkbox-label-color: inherit;
24 --paper-checkbox-label-spacing: 18px;
25 --paper-checkbox-size: 16px;
26 --paper-checkbox-unchecked-color: var(--paper-grey-600);
27 -webkit-margin-start: 2px;
28 }
18 </style> 29 </style>
19 </head> 30 </head>
20 <body> 31 <body>
21 <div class="container"> 32 <div class="container">
22 <div class="top-title-bar">$i18n{syncConfirmationTitle}</div> 33 <div class="top-title-bar">$i18n{syncConfirmationTitle}</div>
23 <div class="details" id="syncConfirmationDetails"> 34 <div class="details" id="syncConfirmationDetails">
24 <div id="picture-container"> 35 <div id="picture-container">
25 <div id="illustration"> 36 <div id="illustration">
26 <div id="icons"> 37 <div id="icons">
27 <div id="icon-bookmarks" class="fade-top-left"></div> 38 <div id="icon-bookmarks" class="fade-top-left"></div>
(...skipping 21 matching lines...) Expand all
49 </div> 60 </div>
50 </div> 61 </div>
51 <div class="message-container"> 62 <div class="message-container">
52 <!-- 63 <!--
53 "Chrome sync" is the Google Cloud Based services used for sync. Thus 64 "Chrome sync" is the Google Cloud Based services used for sync. Thus
54 this section uses the Chrome logo even for Chromium builds. 65 this section uses the Chrome logo even for Chromium builds.
55 --> 66 -->
56 <div id="chrome-logo" class="logo"></div> 67 <div id="chrome-logo" class="logo"></div>
57 <div> 68 <div>
58 <div class="title">$i18n{syncConfirmationChromeSyncTitle}</div> 69 <div class="title">$i18n{syncConfirmationChromeSyncTitle}</div>
59 <div class="body text" 70 <div class="body text">
60 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div> 71 $i18nRaw{syncConfirmationChromeSyncBody}
72 </div>
61 </div> 73 </div>
62 </div> 74 </div>
63 <div class="message-container"> 75 <div class="message-container">
64 <!-- 76 <!--
65 This section uses the Google logo even for Chromium builds as the 77 This section uses the Google logo even for Chromium builds as the
66 user can personalize their Google services from this screen. 78 user can personalize their Google services from this screen.
67 --> 79 -->
68 <div id="googleg-logo" class="logo"></div> 80 <div id="googleg-logo" class="logo"></div>
69 <div> 81 <div>
70 <div class="title"> 82 <div class="title">
71 $i18n{syncConfirmationPersonalizeServicesTitle} 83 $i18n{syncConfirmationPersonalizeServicesTitle}
72 </div> 84 </div>
73 <div class="body text"> 85 <div class="body text">
74 $i18n{syncConfirmationPersonalizeServicesBody} 86 $i18n{syncConfirmationPersonalizeServicesBody}
75 </div> 87 </div>
76 </div> 88 </div>
77 </div> 89 </div>
78 <div class="message-container"> 90 <div class="message-container">
79 <div class="body" 91 <div class="body">
80 i18n-values=".innerHTML:syncConfirmationSyncSettingsLinkBody"> 92 <paper-checkbox id="configure-before-signing-in">
93 $i18n{syncConfirmationSyncSettingsLabel}
94 </paper-checkbox>
81 </div> 95 </div>
82 </div> 96 </div>
83 </div> 97 </div>
84 <div class="details" id="syncDisabledDetails"> 98 <div class="details" id="syncDisabledDetails">
85 <div class="body text">$i18n{syncDisabledConfirmationDetails}</div> 99 <div class="body text">$i18n{syncDisabledConfirmationDetails}</div>
86 </div> 100 </div>
87 <div class="action-container"> 101 <div class="action-container">
88 <paper-button class="primary-action" id="confirmButton"> 102 <paper-button class="primary-action" id="confirmButton">
89 $i18n{syncConfirmationConfirmLabel} 103 $i18n{syncConfirmationConfirmLabel}
90 </paper-button> 104 </paper-button>
91 <paper-button class="secondary-action" id="undoButton"> 105 <paper-button class="secondary-action" id="undoButton">
92 $i18n{syncConfirmationUndoLabel} 106 $i18n{syncConfirmationUndoLabel}
93 </paper-button> 107 </paper-button>
94 </div> 108 </div>
95 </div> 109 </div>
96 </body> 110 </body>
97 <script src="chrome://resources/js/cr.js"></script> 111 <script src="chrome://resources/js/cr.js"></script>
98 <script src="chrome://resources/js/load_time_data.js"></script> 112 <script src="chrome://resources/js/load_time_data.js"></script>
99 <script src="chrome://resources/js/util.js"></script> 113 <script src="chrome://resources/js/util.js"></script>
100 <script src="sync_confirmation.js"></script> 114 <script src="sync_confirmation.js"></script>
101 <script src="chrome://sync-confirmation/strings.js"></script> 115 <script src="chrome://sync-confirmation/strings.js"></script>
102 <script src="chrome://resources/js/i18n_template.js"></script>
103 </html> 116 </html>
OLDNEW
« no previous file with comments | « chrome/app/generated_resources.grd ('k') | chrome/browser/resources/signin/sync_confirmation/sync_confirmation.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698