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

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

Issue 1681203002: Add the decorative icons to the sync confirmation dialog. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 4 years, 9 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 </head> 9 </head>
10 <body> 10 <body>
11 <div class="container"> 11 <div class="container">
12 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div> 12 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div>
13 <div class="details"> 13 <div class="details">
14 <div class="picture-container"> 14 <div id="picture-container">
15 <div class="picture"> 15 <div id="illustration">
16 <img id="profile-picture"></img> 16 <div id="icons">
17 <div class="checkmark-bubble"></div> 17 <div id="icon-bookmarks" class="fade-top-left"></div>
18 <div id="icon-extensions" class="fade-top-left"></div>
19 <div id="icon-passwords" class="fade-bottom-left"></div>
20 <div id="icon-history" class="fade-top-right"></div>
21 <div id="icon-tabs" class="fade-middle-right"></div>
22 <div id="icon-themes" class="fade-bottom-right"></div>
23 <div id="icon-circle-open" class="fade-middle-left"></div>
24 <div id="icon-circle-1" class="icon-circle fade-middle-left"></div >
25 <div id="icon-circle-2" class="icon-circle fade-top-right"></div>
26 <div id="icon-circle-3" class="icon-circle fade-middle-right"></di v>
27 <div id="icon-circle-4" class="icon-circle fade-top-right"></div>
28 </div>
29 <div class="picture">
30 <img id="profile-picture"></img>
31 <div id="checkmark-circle">
32 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13 10">
Dan Beam 2016/02/25 22:49:30 where are you getting this icon? is it in iron-ic
anthonyvd 2016/02/26 17:29:20 This is part of the design spec. There is a simila
33 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF"
34 stroke-width="2" stroke-dasharray="16" stroke-dashoffset ="16" fill="none"></path>
35 </svg>
36 </div>
37 </div>
18 </div> 38 </div>
19 </div> 39 </div>
20 <div class="sync-message" 40 <div class="sync-message"
21 i18n-values=".innerHTML:syncConfirmationBody"></div> 41 i18n-values=".innerHTML:syncConfirmationBody"></div>
22 <div class="action-container"> 42 <div class="action-container">
23 <paper-button id="confirmButton" 43 <paper-button id="confirmButton"
24 i18n-content="syncConfirmationConfirmLabel"></paper-button> 44 i18n-content="syncConfirmationConfirmLabel"></paper-button>
25 <paper-button id="undoButton" 45 <paper-button id="undoButton"
26 i18n-content="syncConfirmationUndoLabel"></paper-button> 46 i18n-content="syncConfirmationUndoLabel"></paper-button>
27 </div> 47 </div>
28 </div> 48 </div>
29 </div> 49 </div>
30 </body> 50 </body>
31 <script src="chrome://resources/js/cr.js"></script> 51 <script src="chrome://resources/js/cr.js"></script>
32 <script src="chrome://resources/js/load_time_data.js"></script> 52 <script src="chrome://resources/js/load_time_data.js"></script>
33 <script src="chrome://resources/js/util.js"></script> 53 <script src="chrome://resources/js/util.js"></script>
34 <script src="sync_confirmation.js"></script> 54 <script src="sync_confirmation.js"></script>
35 <script src="chrome://sync-confirmation/strings.js"></script> 55 <script src="chrome://sync-confirmation/strings.js"></script>
36 <script src="chrome://resources/js/i18n_template.js"></script> 56 <script src="chrome://resources/js/i18n_template.js"></script>
37 </html> 57 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698