OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html "> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html "> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> | 3 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
4 <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-button/paper-butt on.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html"> |
6 <link rel="import" href="../i18n_setup.html"> | 6 <link rel="import" href="../i18n_setup.html"> |
7 <link rel="import" href="clear_browsing_data_browser_proxy.html"> | 7 <link rel="import" href="clear_browsing_data_browser_proxy.html"> |
8 <link rel="import" href="history_deletion_dialog.html"> | 8 <link rel="import" href="history_deletion_dialog.html"> |
9 <link rel="import" href="../controls/important_site_checkbox.html"> | |
9 <link rel="import" href="../controls/settings_checkbox.html"> | 10 <link rel="import" href="../controls/settings_checkbox.html"> |
10 <link rel="import" href="../controls/settings_dropdown_menu.html"> | 11 <link rel="import" href="../controls/settings_dropdown_menu.html"> |
11 <link rel="import" href="../icons.html"> | 12 <link rel="import" href="../icons.html"> |
12 <link rel="import" href="../settings_shared_css.html"> | 13 <link rel="import" href="../settings_shared_css.html"> |
13 | 14 |
14 <dom-module id="settings-clear-browsing-data-dialog"> | 15 <dom-module id="settings-clear-browsing-data-dialog"> |
15 <template> | 16 <template> |
16 <style include="settings-shared"> | 17 <style include="settings-shared"> |
17 #dialog:not(.fully-rendered) { | 18 #clearBrowsingDataDialog:not(.fully-rendered) { |
18 visibility: hidden; | 19 visibility: hidden; |
19 } | 20 } |
20 | 21 |
21 #dialog .footer { | 22 #clearBrowsingDataDialog .footer { |
22 color: var(--paper-grey-600); | 23 color: var(--paper-grey-600); |
23 } | 24 } |
24 | 25 |
25 .row { | 26 .row { |
26 align-items: center; | 27 align-items: center; |
27 display: flex; | 28 display: flex; |
28 min-height: 40px; | 29 min-height: 40px; |
29 } | 30 } |
30 | 31 |
31 paper-spinner { | 32 paper-spinner { |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
72 } | 73 } |
73 | 74 |
74 .clear-browsing-data-footer a { | 75 .clear-browsing-data-footer a { |
75 text-decoration: none; | 76 text-decoration: none; |
76 } | 77 } |
77 | 78 |
78 #clearFrom { | 79 #clearFrom { |
79 -webkit-margin-start: 0.5em; | 80 -webkit-margin-start: 0.5em; |
80 } | 81 } |
81 | 82 |
83 .title .secondary { | |
84 font-size: 86.67%; /* (13px / 15px) * 100 */ | |
85 padding-top: 8px; | |
86 } | |
87 | |
82 /* Cap the height on smaller screens to avoid unfavorable clipping. | 88 /* Cap the height on smaller screens to avoid unfavorable clipping. |
83 * Replace the bottom margin with padding to avoid the gap between | 89 * Replace the bottom margin with padding to avoid the gap between |
84 * the scrollbar and the bottom separator. */ | 90 * the scrollbar and the bottom separator. */ |
85 @media all and (max-height: 724px) { | 91 @media all and (max-height: 724px) { |
86 #dialog { | 92 #clearBrowsingDataDialog { |
87 /* crbug.com/652027: Show four and a *half* items in the list. */ | 93 /* crbug.com/652027: Show four and a *half* items in the list. */ |
88 --cr-dialog-body-container: { | 94 --cr-dialog-body-container: { |
89 max-height: 280px; | 95 max-height: 280px; |
90 }; | 96 }; |
91 } | 97 } |
92 } | 98 } |
93 </style> | 99 </style> |
94 | 100 |
95 <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}" | 101 <dialog is="cr-dialog" id="clearBrowsingDataDialog" |
96 show-scroll-borders ignore-popstate> | 102 close-text="$i18n{close}" show-scroll-borders ignore-popstate> |
97 <div class="title">$i18n{clearBrowsingData}</div> | 103 <div class="title"> |
104 $i18n{clearBrowsingData} | |
105 </div> | |
98 <div class="body"> | 106 <div class="body"> |
99 <div class="row"> | 107 <div class="row"> |
100 $i18n{clearFollowingItemsFrom} | 108 $i18n{clearFollowingItemsFrom} |
101 <settings-dropdown-menu id="clearFrom" | 109 <settings-dropdown-menu id="clearFrom" |
102 pref="{{prefs.browser.clear_data.time_period}}" | 110 pref="{{prefs.browser.clear_data.time_period}}" |
103 menu-options="[[clearFromOptions_]]"> | 111 menu-options="[[clearFromOptions_]]"> |
104 </settings-dropdown-menu> | 112 </settings-dropdown-menu> |
105 </div> | 113 </div> |
106 <settings-checkbox id="browsingCheckbox" | 114 <settings-checkbox id="browsingCheckbox" |
107 pref="{{prefs.browser.clear_data.browsing_history}}" | 115 pref="{{prefs.browser.clear_data.browsing_history}}" |
108 label="$i18n{clearBrowsingHistory}" | 116 label="$i18n{clearBrowsingHistory}" |
109 sub-label="[[counters_.browsing_history]]" | 117 sub-label="[[counters_.browsing_history]]" |
110 disabled="[[clearingInProgress_]]"> | 118 disabled="[[clearingInProgress_]]"> |
111 </settings-checkbox> | 119 </settings-checkbox> |
112 <settings-checkbox id="downloadCheckbox" | 120 <settings-checkbox id="downloadCheckbox" |
113 pref="{{prefs.browser.clear_data.download_history}}" | 121 pref="{{prefs.browser.clear_data.download_history}}" |
114 label="$i18n{clearDownloadHistory}" | 122 label="$i18n{clearDownloadHistory}" |
115 sub-label="[[counters_.download_history]]" | 123 sub-label="[[counters_.download_history]]" |
116 disabled="[[clearingInProgress_]]"> | 124 disabled="[[clearingInProgress_]]"> |
117 </settings-checkbox> | 125 </settings-checkbox> |
118 <settings-checkbox | 126 <settings-checkbox id="cacheCheckbox" |
119 pref="{{prefs.browser.clear_data.cache}}" | 127 pref="{{prefs.browser.clear_data.cache}}" |
120 label="$i18n{clearCache}" | 128 label="$i18n{clearCache}" |
121 sub-label="[[counters_.cache]]" | 129 sub-label="[[counters_.cache]]" |
122 disabled="[[clearingInProgress_]]"> | 130 disabled="[[clearingInProgress_]]"> |
123 </settings-checkbox> | 131 </settings-checkbox> |
124 <settings-checkbox | 132 <settings-checkbox id="cookiesCheckbox" |
125 pref="{{prefs.browser.clear_data.cookies}}" | 133 pref="{{prefs.browser.clear_data.cookies}}" |
126 label="$i18n{clearCookies}" | 134 label="$i18n{clearCookies}" |
127 sub-label="$i18n{clearCookiesCounter}" | 135 sub-label="$i18n{clearCookiesCounter}" |
128 disabled="[[clearingInProgress_]]"> | 136 disabled="[[clearingInProgress_]]"> |
129 </settings-checkbox> | 137 </settings-checkbox> |
130 <settings-checkbox | 138 <settings-checkbox |
131 pref="{{prefs.browser.clear_data.passwords}}" | 139 pref="{{prefs.browser.clear_data.passwords}}" |
132 label="$i18n{clearPasswords}" | 140 label="$i18n{clearPasswords}" |
133 sub-label="[[counters_.passwords]]" | 141 sub-label="[[counters_.passwords]]" |
134 disabled="[[clearingInProgress_]]"> | 142 disabled="[[clearingInProgress_]]"> |
(...skipping 16 matching lines...) Expand all Loading... | |
151 sub-label="[[counters_.media_licenses]]" | 159 sub-label="[[counters_.media_licenses]]" |
152 disabled="[[clearingInProgress_]]"> | 160 disabled="[[clearingInProgress_]]"> |
153 </settings-checkbox> | 161 </settings-checkbox> |
154 </div> | 162 </div> |
155 <div class="button-container"> | 163 <div class="button-container"> |
156 <paper-spinner active="[[clearingInProgress_]]"></paper-spinner> | 164 <paper-spinner active="[[clearingInProgress_]]"></paper-spinner> |
157 <paper-button class="cancel-button" disabled="[[clearingInProgress_]]" | 165 <paper-button class="cancel-button" disabled="[[clearingInProgress_]]" |
158 on-tap="onCancelTap_">$i18n{cancel}</paper-button> | 166 on-tap="onCancelTap_">$i18n{cancel}</paper-button> |
159 <paper-button class="action-button" disabled="[[clearingInProgress_]]" | 167 <paper-button class="action-button" disabled="[[clearingInProgress_]]" |
160 on-tap="onClearBrowsingDataTap_"> | 168 on-tap="onClearBrowsingDataTap_"> |
161 $i18n{clearBrowsingData} | 169 $i18n{clearBrowsingData} |
dschuyler
2017/04/27 23:10:25
nit: indented too far
| |
162 </paper-button> | 170 </paper-button> |
163 </div> | 171 </div> |
164 <div class="footer"> | 172 <div class="footer"> |
165 <div id="googleFooter" class="clear-browsing-data-footer"> | 173 <div id="googleFooter" class="clear-browsing-data-footer"> |
166 <iron-icon icon="settings:googleg"></iron-icon> | 174 <iron-icon icon="settings:googleg"></iron-icon> |
167 <div class="footer-text">$i18nRaw{otherFormsOfBrowsingHistory}</div> | 175 <div class="footer-text">$i18nRaw{otherFormsOfBrowsingHistory}</div> |
168 </div> | 176 </div> |
169 <div id="generalFooter" class="clear-browsing-data-footer"> | 177 <div id="generalFooter" class="clear-browsing-data-footer"> |
170 <iron-icon icon="settings:info"></iron-icon> | 178 <iron-icon icon="settings:info"></iron-icon> |
171 <div class="footer-text"> | 179 <div class="footer-text"> |
172 <span id="syncedDataSentence">$i18n{clearsSyncedData}</span> | 180 <span id="syncedDataSentence">$i18n{clearsSyncedData}</span> |
173 <span>$i18n{warnAboutNonClearedData}</span> | 181 <span>$i18n{warnAboutNonClearedData}</span> |
174 <a id="clear-browser-data-old-learn-more-link" | 182 <a id="clear-browser-data-old-learn-more-link" |
175 href="$i18n{clearBrowsingDataLearnMoreUrl}" | 183 href="$i18n{clearBrowsingDataLearnMoreUrl}" |
176 target="_blank">$i18n{learnMore}</a> | 184 target="_blank">$i18n{learnMore}</a> |
177 </div> | 185 </div> |
178 </div> | 186 </div> |
179 </div> | 187 </div> |
180 </dialog> | 188 </dialog> |
181 | 189 |
190 <dialog is="cr-dialog" id="importantSitesDialog" close-text="$i18n{close}" | |
191 | |
192 show-scroll-borders ignore-popstate> | |
193 <div class="title"> | |
194 $i18n{clearBrowsingData} | |
195 <div class="secondary"> | |
196 $i18n{importantSitesSubtitle} | |
197 </div> | |
198 </div> | |
199 <div class="body"> | |
200 <template is="dom-repeat" items="[[importantSites_]]"> | |
201 <div class="row"> | |
202 <important-site-checkbox | |
203 site="[[item]]" | |
204 disabled="[[clearingInProgress_]]"> | |
205 </important-site-checkbox> | |
206 </div> | |
207 </template> | |
208 </div> | |
209 <div class="button-container"> | |
210 <paper-spinner active="[[clearingInProgress_]]"></paper-spinner> | |
211 <paper-button class="cancel-button" disabled="[[clearingInProgress_]]" | |
212 on-tap="onImportantSitesCancelTap_">$i18n{cancel}</paper-button> | |
213 <paper-button class="action-button" disabled="[[clearingInProgress_]]" | |
214 on-tap="onImportantSitesConfirmTap_"> | |
215 $i18n{importantSitesConfirm} | |
216 </paper-button> | |
217 </div> | |
218 </dialog> | |
219 | |
182 <template is="dom-if" if="[[showHistoryDeletionDialog_]]" restamp> | 220 <template is="dom-if" if="[[showHistoryDeletionDialog_]]" restamp> |
183 <settings-history-deletion-dialog id="notice" | 221 <settings-history-deletion-dialog id="notice" |
184 on-close="onHistoryDeletionDialogClose_"> | 222 on-close="onHistoryDeletionDialogClose_"> |
185 </settings-history-deletion-dialog> | 223 </settings-history-deletion-dialog> |
186 </template> | 224 </template> |
187 </template> | 225 </template> |
188 <script src="clear_browsing_data_dialog.js"></script> | 226 <script src="clear_browsing_data_dialog.js"></script> |
189 </dom-module> | 227 </dom-module> |
OLD | NEW |