chrome/browser/resources/sync_confirmation/sync_confirmation.html - Issue 1806353002: Enhanced Sync Confirmation modal

Side by Side 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 unified diff | Download patch

« no previous file with comments | « chrome/browser/resources/sync_confirmation/sync_confirmation.css ('k') | chrome/browser/resources/sync_confirmation/sync_confirmation.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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="import" href="chrome://resources/polymer/v1_0/paper-checkbox/pape r-checkbox.html">

7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">	8 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">

8 <link rel="stylesheet" href="sync_confirmation.css"></link>	9 <link rel="stylesheet" href="sync_confirmation.css"></link>

	10 <!-- see https://www.polymer-project.org/1.0/docs/devguide/styling.html#cust om-style -->

	11 <style is="custom-style">

	12 :root {

	13 --primary-text-color: #646464;

	14 }

	15 paper-checkbox {

	16 --paper-checkbox-size: 20px;

	17 }

	18 a {

	19 color: var(--google-blue-700);

	20 text-decoration: none;

	21 }

	22 </style>

9 </head>	23 </head>

10 <body>	24 <body>

11 <div class="container">	25 <div class="container">

12 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div>	26 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div>

13 <div class="details">	27 <div class="details">

14 <div id="picture-container">	28 <div id="picture-container">

15 <div id="illustration">	29 <div id="illustration">

16 <div id="icons">	30 <div id="icons">

17 <div id="icon-bookmarks" class="fade-top-left"></div>	31 <div id="icon-bookmarks" class="fade-top-left"></div>

18 <div id="icon-extensions" class="fade-top-left"></div>	32 <div id="icon-extensions" class="fade-top-left"></div>

(...skipping 12 matching lines...) Expand all Loading...
31 <div id="checkmark-circle">	45 <div id="checkmark-circle">

32 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13 10">	46 <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"	47 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF"

34 stroke-width="2" stroke-dasharray="16"	48 stroke-width="2" stroke-dasharray="16"

35 stroke-dashoffset="16" fill="none"></path>	49 stroke-dashoffset="16" fill="none"></path>

36 </svg>	50 </svg>

37 </div>	51 </div>

38 </div>	52 </div>

39 </div>	53 </div>

40 </div>	54 </div>

41 <div class="sync-message"	55 <div class="message-container">

42 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div>	56 <div id="chrome-logo" class="logo"></div>

43 <div class="action-container">	57 <div>

44 <paper-button id="confirmButton"	58 <div class="title"

45 i18n-content="syncConfirmationConfirmLabel"></paper-button>	59 i18n-content="syncConfirmationChromeSyncTitle"></div>

46 <paper-button id="undoButton"	60 <div class="body text"

47 i18n-content="syncConfirmationUndoLabel"></paper-button>	61 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div>

	62 </div>

48 </div>	63 </div>

	64 <div class="message-container">

	65 <div id="googleg-logo" class="logo"></div>

	66 <div>

	67 <div class="title"

	68 i18n-content="syncConfirmationActivityControlsTitle"></div>

	69 <div class="body text"

	70 i18n-content="syncConfirmationActivityControlsBody"></div>

	71 </div>

	72 </div>

	73 <div class="message-container">

	74 <paper-checkbox id="activityControlsCheckbox" class="body">

	75 <span

	76 i18n-content="syncConfirmationActivityControlsCheckboxLabel">

	77 </span>

	78 </paper-checkbox>

	79 </div>

	80 </div>

	81 <div class="action-container">

	82 <paper-button id="confirmButton"

	83 i18n-content="syncConfirmationConfirmLabel"></paper-button>

	84 <paper-button id="undoButton"

	85 i18n-content="syncConfirmationUndoLabel"></paper-button>

49 </div>	86 </div>

50 </div>	87 </div>

51 </body>	88 </body>

52 <script src="chrome://resources/js/cr.js"></script>	89 <script src="chrome://resources/js/cr.js"></script>

53 <script src="chrome://resources/js/load_time_data.js"></script>	90 <script src="chrome://resources/js/load_time_data.js"></script>

54 <script src="chrome://resources/js/util.js"></script>	91 <script src="chrome://resources/js/util.js"></script>

55 <script src="sync_confirmation.js"></script>	92 <script src="sync_confirmation.js"></script>

56 <script src="chrome://sync-confirmation/strings.js"></script>	93 <script src="chrome://sync-confirmation/strings.js"></script>

57 <script src="chrome://resources/js/i18n_template.js"></script>	94 <script src="chrome://resources/js/i18n_template.js"></script>

58 </html>	95 </html>

OLD	NEW