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

Side by Side Diff: chrome/browser/resources/settings/reset_page/reset_profile_banner.html

Issue 2625263002: MD Settings: Convert reset profile banner to a dialog. (Closed)
Patch Set: Rebase (there were no conflits, but CQ failed to apply patch somehow) Created 3 years, 10 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 <link rel="import" href="chrome://resources/cr_elements/icons.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html ">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
5 <link rel="import" href="reset_browser_proxy.html"> 4 <link rel="import" href="reset_browser_proxy.html">
6 <link rel="import" href="reset_profile_dialog.html"> 5 <link rel="import" href="../route.html">
7 6
8 <dom-module id="settings-reset-profile-banner"> 7 <dom-module id="settings-reset-profile-banner">
9 <template> 8 <template>
10 <style> 9 <style include="settings-shared"></style>
11 #banner-content { 10 <dialog is="cr-dialog" id="dialog" ignore-popstate>
12 background-color: white; 11 <div class="title">$i18n{resetAutomatedDialogTitle}</div>
13 border: 1px solid #c8c8c8; 12 <div class="body">
14 border-radius: 3px;
15 margin-bottom: 24px;
16 }
17
18 #top-row {
19 display: flex;
20 justify-content: flex-end;
21 }
22
23 #main-body {
24 align-items: center;
25 display: flex;
26 padding: 0 17px 17px;
27 }
28
29 #description {
30 -webkit-margin-start: 18px;
31 flex: 1;
32 }
33
34 #close {
35 height: 30px;
36 }
37
38 #reset {
39 -webkit-margin-start: 30px;
40 background-color: rgb(66, 133, 244);
41 color: white;
42 font-weight: 500;
43 }
44
45 a {
46 color: rgb(66, 133, 244);
47 text-decoration: none;
48 }
49 </style>
50 <div id="banner-content">
51 <div id="top-row">
52 <paper-icon-button icon="cr:clear" on-tap="onCloseTap_" id="close">
53 </paper-icon-button>
54 </div>
55 <div id="main-body">
56 <span id="description"> 13 <span id="description">
57 $i18n{resetProfileBannerDescription} 14 $i18n{resetProfileBannerDescription}
58 <a id="learnMore" 15 <a id="learnMore"
59 href="$i18nRaw{resetProfileBannerLearnMoreUrl}" 16 href="$i18nRaw{resetProfileBannerLearnMoreUrl}"
60 target="_blank">$i18n{learnMore}</a> 17 target="_blank">$i18n{learnMore}</a>
61 </span> 18 </span>
62 <paper-button id="reset" on-tap="showDialog_"> 19 </div>
20 <div class="button-container">
21 <paper-button class="cancel-button" on-tap="onOkTap_" id="ok">
22 $i18n{ok}
23 </paper-button>
24 <paper-button class="action-button" on-tap="onResetTap_" id="reset">
63 $i18n{resetProfileBannerButton} 25 $i18n{resetProfileBannerButton}
64 </paper-button> 26 </paper-button>
65 </div> 27 </div>
66 </div> 28 </dialog>
67 <template is="dom-if" if="[[showResetProfileDialog_]]" restamp>
68 <settings-reset-profile-dialog on-close="onDialogClose_">
69 </settings-reset-profile-dialog>
70 </template>
71 </template> 29 </template>
72 <script src="reset_profile_banner.js"></script> 30 <script src="reset_profile_banner.js"></script>
73 </dom-module> 31 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698