OLD | NEW |
1 <link rel="import" href="chrome://resources/html/util.html"> | 1 <link rel="import" href="chrome://resources/html/util.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/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
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="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 7 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
8 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> | 8 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
9 <link rel="import" href="../controls/controlled_button.html"> | 9 <link rel="import" href="../controls/controlled_button.html"> |
10 <link rel="import" href="../controls/settings_toggle_button.html"> | 10 <link rel="import" href="../controls/settings_toggle_button.html"> |
11 <link rel="import" href="../settings_shared_css.html"> | 11 <link rel="import" href="../settings_shared_css.html"> |
12 <link rel="import" href="chrome_cleanup_proxy.html"> | 12 <link rel="import" href="chrome_cleanup_proxy.html"> |
13 | 13 |
14 <dom-module id="settings-chrome-cleanup-page"> | 14 <dom-module id="settings-chrome-cleanup-page"> |
15 <template> | 15 <template> |
16 <style include="settings-shared"> | 16 <style include="settings-shared"> |
17 #files-to-remove-list { | 17 #files-to-remove-list { |
18 -webkit-user-select: text; | 18 -webkit-user-select: text; |
19 word-break: break-all; | 19 word-break: break-all; |
20 } | 20 } |
21 | 21 |
22 #show-files-button { | 22 #show-files-button { |
| 23 --paper-button-ink-color: white; |
| 24 /* Left-align the text of the button with the rest of the card's text */ |
| 25 -webkit-margin-start: calc(var(--settings-button-edge-spacing) * -1); |
23 color: var(--google-blue-700); | 26 color: var(--google-blue-700); |
24 --paper-button-ink-color: white; | |
25 text-transform: inherit; | 27 text-transform: inherit; |
26 } | 28 } |
27 | 29 |
28 #status-icon { | 30 #status-icon { |
29 height: 24px; | 31 height: 24px; |
30 width: 24px; | 32 width: 24px; |
31 } | 33 } |
32 | 34 |
33 .status-icon-container { | 35 .status-icon-container { |
| 36 -webkit-padding-end: 12px; |
34 min-width: 28px; | 37 min-width: 28px; |
35 padding-right: 12px; | |
36 } | 38 } |
37 | 39 |
38 .status-icon-remove { | 40 .status-icon-remove { |
39 --iron-icon-fill-color: var(--paper-grey-700); | 41 --iron-icon-fill-color: var(--paper-grey-700); |
40 } | 42 } |
41 | 43 |
42 .status-icon-done { | 44 .status-icon-done { |
43 --iron-icon-fill-color: var(--paper-blue-500); | 45 --iron-icon-fill-color: var(--paper-blue-500); |
44 } | 46 } |
45 | 47 |
(...skipping 15 matching lines...) Expand all Loading... |
61 <template is="dom-if" if="[[showActionButton_]]"> | 63 <template is="dom-if" if="[[showActionButton_]]"> |
62 <div class="separator"></div> | 64 <div class="separator"></div> |
63 <paper-button id="action-button" class="primary-button" | 65 <paper-button id="action-button" class="primary-button" |
64 on-tap="proceed_"> | 66 on-tap="proceed_"> |
65 [[actionButtonLabel_]] | 67 [[actionButtonLabel_]] |
66 </paper-button> | 68 </paper-button> |
67 </template> | 69 </template> |
68 </div> | 70 </div> |
69 <div id="details-container" | 71 <div id="details-container" |
70 class="settings-box two-line" hidden="[[!showDetails_]]"> | 72 class="settings-box two-line" hidden="[[!showDetails_]]"> |
71 <div>[[detailsDescription]]</div> | 73 <div> |
| 74 $i18n{chromeCleanupExplanation} |
| 75 <a href="$i18n{chromeCleanupLearnMoreUrl}" target="_blank"> |
| 76 $i18n{learnMore} |
| 77 </a> |
| 78 </div> |
72 </div> | 79 </div> |
73 <div class="settings-box continuation" hidden="[[!showDetails_]]"> | 80 <div class="settings-box continuation" hidden="[[!showLogsPermission_]]"> |
| 81 <settings-toggle-button class="start" |
| 82 id="chromeCleanupLogsUploadControl" |
| 83 label="$i18n{chromeCleanupLogsUploadPermission}" |
| 84 pref="[[logsUploadPref_]]" |
| 85 on-settings-boolean-control-change="changeLogsPermission_"> |
| 86 </settings-toggle-button> |
| 87 </div> |
| 88 <div class="settings-box" hidden="[[!showDetails_]]"> |
74 <div class="show-files-container start" hidden="[[showFilesToRemove_]]"> | 89 <div class="show-files-container start" hidden="[[showFilesToRemove_]]"> |
75 <paper-button id="show-files-button" on-tap="showFiles_"> | 90 <paper-button id="show-files-button" on-tap="showFiles_"> |
76 $i18n{chromeCleanupLinkShowFiles} | 91 $i18n{chromeCleanupLinkShowFiles} |
77 </paper-button> | 92 </paper-button> |
78 </div> | 93 </div> |
79 <div hidden="[[!showFilesToRemove_]]"> | 94 <div hidden="[[!showFilesToRemove_]]"> |
80 <ul id="files-to-remove-list" class="secondary"> | 95 <ul id="files-to-remove-list" class="secondary"> |
81 <template is="dom-repeat" items="[[filesToRemove_]]" as="fileName"> | 96 <template is="dom-repeat" items="[[filesToRemove_]]" as="fileName"> |
82 <li>[[fileName]]</li> | 97 <li>[[fileName]]</li> |
83 </template> | 98 </template> |
84 </ul> | 99 </ul> |
85 </div> | 100 </div> |
86 </div> | 101 </div> |
87 </template> | 102 </template> |
88 <script src="chrome_cleanup_page.js"></script> | 103 <script src="chrome_cleanup_page.js"></script> |
89 </dom-module> | 104 </dom-module> |
OLD | NEW |