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

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

Issue 1868273002: Enhanced Sync Confirmation modal (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 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 unified diff | Download patch
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html i18n-values="dir:textdirection;lang:language"> 2 <html i18n-values="dir:textdirection;lang:language">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.htm l"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.htm l">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper- button.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper- button.html">
7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
8 <link rel="stylesheet" href="sync_confirmation.css"></link> 8 <link rel="stylesheet" href="sync_confirmation.css"></link>
9 <!-- see https://www.polymer-project.org/1.0/docs/devguide/styling.html#cust om-style -->
Dan Beam 2016/04/14 04:05:56 i don't think you need this note
Moe 2016/04/14 14:26:53 Done.
10 <style is="custom-style">
11 a {
12 color: var(--google-blue-700);
13 text-decoration: none;
14 }
15 </style>
9 </head> 16 </head>
10 <body> 17 <body>
11 <div class="container"> 18 <div class="container">
12 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div> 19 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div>
13 <div class="details"> 20 <div class="details">
14 <div id="picture-container"> 21 <div id="picture-container">
15 <div id="illustration"> 22 <div id="illustration">
16 <div id="icons"> 23 <div id="icons">
17 <div id="icon-bookmarks" class="fade-top-left"></div> 24 <div id="icon-bookmarks" class="fade-top-left"></div>
18 <div id="icon-extensions" class="fade-top-left"></div> 25 <div id="icon-extensions" class="fade-top-left"></div>
(...skipping 12 matching lines...) Expand all
31 <div id="checkmark-circle"> 38 <div id="checkmark-circle">
32 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13 10"> 39 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13 10">
33 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF" 40 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF"
34 stroke-width="2" stroke-dasharray="16" 41 stroke-width="2" stroke-dasharray="16"
35 stroke-dashoffset="16" fill="none"></path> 42 stroke-dashoffset="16" fill="none"></path>
36 </svg> 43 </svg>
37 </div> 44 </div>
38 </div> 45 </div>
39 </div> 46 </div>
40 </div> 47 </div>
41 <div class="sync-message" 48 <div class="message-container">
42 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div> 49 <div id="chrome-logo" class="logo"></div>
43 <div class="action-container"> 50 <div>
44 <paper-button id="confirmButton" 51 <div class="title"
45 i18n-content="syncConfirmationConfirmLabel"></paper-button> 52 i18n-content="syncConfirmationChromeSyncTitle"></div>
Dan Beam 2016/04/14 04:05:56 nit: <div class="title">$i18n{syncConfirmationC
Moe 2016/04/14 14:26:53 Cool! Done.
46 <paper-button id="undoButton" 53 <div class="body text"
47 i18n-content="syncConfirmationUndoLabel"></paper-button> 54 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div>
55 </div>
48 </div> 56 </div>
57 <div class="message-container">
58 <div id="googleg-logo" class="logo"></div>
59 <div>
60 <div class="title"
61 i18n-content="syncConfirmationPersonalizeServicesTitle"></div>
62 <div class="body text"
63 i18n-content="syncConfirmationPersonalizeServicesBody"></div>
64 </div>
65 </div>
66 <div class="message-container">
67 <div class="body"
68 i18n-values=".innerHTML:syncConfirmationSyncSettingsLinkBody">
69 </div>
70 </div>
71 </div>
72 <div class="action-container">
73 <paper-button id="confirmButton"
74 i18n-content="syncConfirmationConfirmLabel"></paper-button>
75 <paper-button id="undoButton"
76 i18n-content="syncConfirmationUndoLabel"></paper-button>
49 </div> 77 </div>
50 </div> 78 </div>
51 </body> 79 </body>
52 <script src="chrome://resources/js/cr.js"></script> 80 <script src="chrome://resources/js/cr.js"></script>
53 <script src="chrome://resources/js/load_time_data.js"></script> 81 <script src="chrome://resources/js/load_time_data.js"></script>
54 <script src="chrome://resources/js/util.js"></script> 82 <script src="chrome://resources/js/util.js"></script>
55 <script src="sync_confirmation.js"></script> 83 <script src="sync_confirmation.js"></script>
56 <script src="chrome://sync-confirmation/strings.js"></script> 84 <script src="chrome://sync-confirmation/strings.js"></script>
57 <script src="chrome://resources/js/i18n_template.js"></script> 85 <script src="chrome://resources/js/i18n_template.js"></script>
58 </html> 86 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698