Implement Sanitize initial dialog in SWA
This CL implements the sanitize initial dialog. Currently this UI doesn't do anything, none of the buttons are connected to the functionalities that they should perform. Those will be added in a separate CL in the interest of a more reviewable CL. The way the UI currently looks is as follows: https://screenshot.googleplex.com/8ps3fpBv54Riw3L BUG=b:332697577, b:332698769 TEST=Manual opening of SWA Change-Id: I46104e33fa5f083cc4225e8dc1db3680da78650a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5645977 Reviewed-by: John Admanski <jadmanski@chromium.org> Commit-Queue: Behnood Momenzadeh <behnoodm@chromium.org> Reviewed-by: Jimmy Gong <jimmyxgong@chromium.org> Cr-Commit-Position: refs/heads/main@{#1334422}
This commit is contained in:

committed by
Chromium LUCI CQ

parent
06cffc3fea
commit
43bce8279e
ash/webui/sanitize_ui
resources
sanitize_ui.ccchrome/browser/ash/system_web_apps/apps
chromeos
@ -15,11 +15,15 @@ build_webui("build") {
|
||||
"svg/card_settings.svg",
|
||||
"svg/extension_off_32.svg",
|
||||
"svg/finished_32.svg",
|
||||
"svg/illo.svg",
|
||||
]
|
||||
|
||||
css_files = [ "sanitize_shared.css" ]
|
||||
|
||||
web_component_files = [ "sanitize_done.ts" ]
|
||||
web_component_files = [
|
||||
"sanitize_done.ts",
|
||||
"sanitize_initial.ts",
|
||||
]
|
||||
|
||||
ts_composite = true
|
||||
ts_deps = [
|
||||
|
@ -22,7 +22,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body class="jelly-enabled">
|
||||
<sanitize-done></sanitize-done>
|
||||
<script type="module" src="sanitize_done.js"></script>
|
||||
<sanitize-initial></sanitize-initial>
|
||||
<script type="module" src="sanitize_initial.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,121 +1,83 @@
|
||||
<style include="cr-shared-style sanitize-shared">
|
||||
:host {
|
||||
padding: 12px;
|
||||
position: absolute;
|
||||
background-color: var(--cros-sys-base_elevated);
|
||||
height: 640px;
|
||||
width: 680px;
|
||||
}
|
||||
|
||||
.completed-icon {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.expand-container-icon {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
div[slot="body"] {
|
||||
border-radius: 20px;
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
font-family: var(--cros-display-5-font-family);
|
||||
font-size: var(--cros-display-5-font-size);
|
||||
font: var(--cros-display-5-font);
|
||||
font-weight: var(--cros-display-5-font-weight);
|
||||
line-height: var(--cros-display-5-line-height);
|
||||
color: var(--cros-sys-on_surface);
|
||||
}
|
||||
|
||||
.sanitize-done-description {
|
||||
margin-bottom: 24px;
|
||||
font-family: var(--cros-body-2-font-family);
|
||||
font-size: var(--cros-body-2-font-size);
|
||||
font: var(--cros-body-2-font);
|
||||
font-weight: var(--cros-body-2-font-weight);
|
||||
line-height: var(--cros-body-2-line-height);
|
||||
color: var(--cros-sys-on_surface_variant);
|
||||
}
|
||||
|
||||
.sanitize-done-info {
|
||||
border-radius: 16px;
|
||||
background-color: var(--cros-sys-secondary_container);
|
||||
}
|
||||
|
||||
.sanitize-done-rollback {
|
||||
font-family: var(--cros-button-2-font-family);
|
||||
font-size: var(--cros-button-2-font-size);
|
||||
font: var(--cros-button-2-font);
|
||||
font-weight: var(--cros-button-2-font-weight);
|
||||
line-height: var(--cros-button-2-line-height);
|
||||
color: var(--cros-sys-on_secondary_container);
|
||||
padding: 12px 12px 16px 12px;
|
||||
cr-expand-button {
|
||||
background-color: var(--cros-sys-app_base);
|
||||
border-radius: var(--cr-card-border-radius);
|
||||
margin-bottom: 8px;
|
||||
padding: 14px 16px 16px 14px;
|
||||
}
|
||||
|
||||
.expand-buttons {
|
||||
background-color: var(--cros-sys-app_base_shaded);
|
||||
padding: 12px;
|
||||
border-bottom-left-radius: 16px;
|
||||
border-bottom-right-radius: 16px;
|
||||
height: 290px;
|
||||
overflow-y:scroll;
|
||||
padding: 12px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.expand-container-icon {
|
||||
height: 24px;
|
||||
margin-right: 12px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.expand-div {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.expand-title {
|
||||
color: var(--cros-sys-on_surface);
|
||||
font: var(--cros-button-1-font);
|
||||
font-family: var(--cros-button-1-font-family);
|
||||
font-size: var(--cros-button-1-font-size);
|
||||
font-weight: var(--cros-button-1-font-weight);
|
||||
line-height: var(--cros-button-1-line-height);
|
||||
}
|
||||
|
||||
.sanitize-done-info {
|
||||
background-color: var(--cros-sys-secondary_container);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.sanitize-done-rollback {
|
||||
color: var(--cros-sys-on_secondary_container);
|
||||
font: var(--cros-button-2-font);
|
||||
font-family: var(--cros-button-2-font-family);
|
||||
font-size: var(--cros-button-2-font-size);
|
||||
font-weight: var(--cros-button-2-font-weight);
|
||||
line-height: var(--cros-button-2-line-height);
|
||||
padding: 12px 12px 16px 12px;
|
||||
}
|
||||
|
||||
.secondary-button-container {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.done-button-container {
|
||||
text-align: right;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
cr-expand-button {
|
||||
background-color: var(--cros-sys-app_base);
|
||||
margin-bottom:8px;
|
||||
border-radius: var(--cr-card-border-radius);
|
||||
padding: 14px 16px 16px 14px;
|
||||
}
|
||||
|
||||
.expand-title {
|
||||
font-family: var(--cros-button-1-font-family);
|
||||
font-size: var(--cros-button-1-font-size);
|
||||
font: var(--cros-button-1-font);
|
||||
font-weight: var(--cros-button-1-font-weight);
|
||||
line-height: var(--cros-button-1-line-height);
|
||||
color: var(--cros-sys-on_surface);
|
||||
}
|
||||
|
||||
.expand-div {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.list-container {
|
||||
align-items: center;
|
||||
border-top: var(--cr-separator-line);
|
||||
color: var(--cros-sys-on_surface);
|
||||
display: flex;
|
||||
font: var(--cros-button-1-font);
|
||||
font-family: var(--cros-button-1-font-family);
|
||||
font-size: var(--cros-button-1-font-size);
|
||||
font: var(--cros-button-1-font);
|
||||
font-weight: var(--cros-button-1-font-weight);
|
||||
line-height: var(--cros-button-1-line-height);
|
||||
color: var(--cros-sys-on_surface);
|
||||
padding-top: 4px;
|
||||
border-top: var(--cr-separator-line);
|
||||
min-height: var(--settings-row-min-height);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.list-container:not(:last-child) {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div slot="body">
|
||||
<div class="completed-icon-div">
|
||||
<svg class="completed-icon"
|
||||
@ -124,7 +86,7 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div id="title" class="title">$i18n{sanitizeDoneTitle}</div>
|
||||
<div class="sanitize-done-description">
|
||||
<div class="sanitize-description">
|
||||
$i18n{sanitizeDoneExplanation}
|
||||
</div>
|
||||
<div class="sanitize-done-info">
|
||||
@ -150,8 +112,10 @@
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionExtensionsReenable}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="extensionsButton"
|
||||
on-click="onExtensionsButtonClick_" label="Extensions">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="extensionsButton" on-click="onExtensionsButtonClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonExtensions}"
|
||||
label="$i18n{sanitizeDoneButtonExtensions}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
@ -177,16 +141,21 @@
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeOsInput}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="chromeOsInputButton"
|
||||
on-click="onChromeOsInputClick_" label="ChromeOS Input">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeOsInputButton" on-click="onChromeOsInputClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonChromeOSInput}"
|
||||
label="$i18n{sanitizeDoneButtonChromeOSInput}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeOsNetwork}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="chromeOsNetworkButton"
|
||||
on-click="onChromeOsNetworkClick_" label="ChromeOS Network">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeOsNetworkButton"
|
||||
on-click="onChromeOsNetworkClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonChromeOSNetwork}"
|
||||
label="$i18n{sanitizeDoneButtonChromeOSNetwork}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
@ -212,7 +181,7 @@
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeSiteContent}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary"
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeSiteContentButton"
|
||||
on-click="onChromeSiteContentClick_"
|
||||
label="Chrome Site Content">
|
||||
@ -222,24 +191,30 @@
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeStartup}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="chromeStartupButton"
|
||||
on-click="onChromeStartupClick_" label="Chrome Startup">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeStartupButton" on-click="onChromeStartupClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonChromeStartup}"
|
||||
label="$i18n{sanitizeDoneButtonChromeStartup}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeHomepage}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="chromeHomepageButton"
|
||||
on-click="onChromeHomepageClick_" label="Chrome Homepage">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeHomepageButton" on-click="onChromeHomepageClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonChromeHomepage}"
|
||||
label="$i18n{sanitizeDoneButtonChromeHomepage}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="list-container">
|
||||
$i18n{sanitizeDoneAccordionChromeLanguages}
|
||||
<span class="secondary-button-container">
|
||||
<cros-button button-style="secondary" id="chromeLanguagesButton"
|
||||
on-click="onChromeLanguagesClick_" label="Chrome Languages">
|
||||
<cros-button role="button" button-style="secondary"
|
||||
id="chromeLanguagesButton" on-click="onChromeLanguagesClick_"
|
||||
aria-label="$i18n{sanitizeDoneButtonChromeLanguages}"
|
||||
label="$i18n{sanitizeDoneButtonChromeLanguages}">
|
||||
</cros-button>
|
||||
</span>
|
||||
</div>
|
||||
@ -249,7 +224,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-container done-button-container">
|
||||
<cros-button button-style="primary" id="doneButton"
|
||||
<cros-button role="button" button-style="primary" id="doneButton"
|
||||
label="$i18n{sanitizeDoneButton}" on-click="onDoneClick_">
|
||||
</cros-button>
|
||||
</div>
|
||||
|
44
ash/webui/sanitize_ui/resources/sanitize_initial.html
Normal file
44
ash/webui/sanitize_ui/resources/sanitize_initial.html
Normal file
@ -0,0 +1,44 @@
|
||||
<style include="cr-shared-style sanitize-shared">
|
||||
.extensions-icon {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
.footer {
|
||||
background-color: var(--cros-sys-secondary_container);
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
color: var(--cros-sys-on_secondary_container);
|
||||
font: var(--cros-button-2-font);
|
||||
font-family: var(--cros-button-2-font-family);
|
||||
font-size: var(--cros-button-2-font-size);
|
||||
font-weight: var(--cros-button-2-font-weight);
|
||||
line-height: var(--cros-button-2-line-height);
|
||||
margin-top: 16px;
|
||||
padding: 22px 32px 22px 32px;
|
||||
}
|
||||
.illo-icon {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 268px;
|
||||
width: 268px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div slot="body">
|
||||
<svg class="extensions-icon"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
role="img" viewBox="0 0 32 32">
|
||||
<use href="svg/extension_off_32.svg#extension_off_32"></use>
|
||||
</svg>
|
||||
<div class="title">$i18n{sanitizeDialogTitle}</div>
|
||||
<div class="sanitize-description">
|
||||
$i18n{sanitizeDescription}
|
||||
$i18n{sanitizeDialogExplanation}
|
||||
</div>
|
||||
<svg class="illo-icon"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
role="img" viewBox="0 0 268 268">
|
||||
<use href="svg/illo.svg#illo"></use>
|
||||
</svg>
|
||||
</div>
|
45
ash/webui/sanitize_ui/resources/sanitize_initial.ts
Normal file
45
ash/webui/sanitize_ui/resources/sanitize_initial.ts
Normal file
@ -0,0 +1,45 @@
|
||||
// Copyright 2024 The Chromium Authors
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
/**
|
||||
* @fileoverview
|
||||
* 'sanitize-initial' is a dialog shown to kickstart resetting settings to a
|
||||
* safe default (aka sanitize).
|
||||
*/
|
||||
import 'chrome://resources/ash/common/cr_elements/cr_checkbox/cr_checkbox.js';
|
||||
import 'chrome://resources/ash/common/cr_elements/cr_shared_vars.css.js';
|
||||
import 'chrome://resources/ash/common/cr_elements/localized_link/localized_link.js';
|
||||
import 'chrome://resources/ash/common/cr_elements/cr_button/cr_button.js';
|
||||
import 'chrome://resources/ash/common/cr_elements/cr_expand_button/cr_expand_button.js';
|
||||
import 'chrome://resources/cros_components/button/button.js';
|
||||
import './sanitize_shared.css.js';
|
||||
import './strings.m.js';
|
||||
|
||||
import {I18nMixin} from 'chrome://resources/ash/common/cr_elements/i18n_mixin.js';
|
||||
import {ColorChangeUpdater} from 'chrome://resources/cr_components/color_change_listener/colors_css_updater.js';
|
||||
import {PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
|
||||
|
||||
import {getTemplate} from './sanitize_initial.html.js';
|
||||
|
||||
|
||||
const SanitizeInitialElementBase = I18nMixin(PolymerElement);
|
||||
|
||||
export class SanitizeInitialElement extends SanitizeInitialElementBase {
|
||||
static get is() {
|
||||
return 'sanitize-initial' as const;
|
||||
}
|
||||
|
||||
static get template() {
|
||||
return getTemplate();
|
||||
}
|
||||
}
|
||||
|
||||
declare global {
|
||||
interface HTMLElementTagNameMap {
|
||||
[SanitizeInitialElement.is]: SanitizeInitialElement;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define(SanitizeInitialElement.is, SanitizeInitialElement);
|
||||
ColorChangeUpdater.forDocument().start();
|
@ -153,3 +153,39 @@ h2.first {
|
||||
--data-point-container-padding: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
:host {
|
||||
padding: 12px;
|
||||
position: absolute;
|
||||
background-color: var(--cros-sys-base_elevated);
|
||||
height: 640px;
|
||||
width: 680px;
|
||||
}
|
||||
div[slot="body"] {
|
||||
border-radius: 20px;
|
||||
padding: 32px;
|
||||
}
|
||||
.title {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
font-family: var(--cros-display-5-font-family);
|
||||
font-size: var(--cros-display-5-font-size);
|
||||
font: var(--cros-display-5-font);
|
||||
font-weight: var(--cros-display-5-font-weight);
|
||||
line-height: var(--cros-display-5-line-height);
|
||||
color: var(--cros-sys-on_surface);
|
||||
}
|
||||
|
||||
.sanitize-description {
|
||||
margin-bottom: 24px;
|
||||
font-family: var(--cros-body-2-font-family);
|
||||
font-size: var(--cros-body-2-font-size);
|
||||
font: var(--cros-body-2-font);
|
||||
font-weight: var(--cros-body-2-font-weight);
|
||||
line-height: var(--cros-body-2-line-height);
|
||||
color: var(--cros-sys-on_surface_variant);
|
||||
}
|
||||
.done-button-container {
|
||||
text-align: right;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
38
ash/webui/sanitize_ui/resources/svg/illo.svg
Normal file
38
ash/webui/sanitize_ui/resources/svg/illo.svg
Normal file
@ -0,0 +1,38 @@
|
||||
<svg id="illo" xmlns="http://www.w3.org/2000/svg" width="268" height="268" fill="none" viewBox="0 0 268 268">
|
||||
<g clip-path="url(#a)">
|
||||
<path fill="var(--cros-sys-illo-secondary)" stroke="var(--cros-sys-illo-secondary)" stroke-width="2" d="m171.939 35.448-7.74-7.8843c-8.623-8.7836-22.775-8.7836-31.398 0l-7.74 7.8843c-4.577 4.6614-11.141 6.7942-17.583 5.7129L96.5819 39.332c-12.1391-2.0375-23.5882 6.2807-25.4016 18.4554l-1.6278 10.9281c-.9623 6.4609-5.0192 12.0448-10.8666 14.9566l-9.8902 4.925c-11.0184 5.4868-15.3916 18.9459-9.7026 29.8619l5.1065 9.797c3.0191 5.793 3.0191 12.695 0 18.488l-5.1065 9.797c-5.689 10.916-1.3158 24.375 9.7026 29.862l9.8902 4.925c5.8474 2.912 9.9043 8.496 10.8666 14.957l1.6278 10.928c1.8134 12.174 13.2625 20.493 25.4016 18.455l10.8961-1.829c6.442-1.081 13.006 1.052 17.583 5.713l7.74 7.884c8.623 8.784 22.775 8.784 31.398 0l7.74-7.884c4.577-4.661 11.141-6.794 17.583-5.713l10.896 1.829c12.139 2.038 23.588-6.281 25.402-18.455l1.627-10.928c.963-6.461 5.02-12.045 10.867-14.957l9.89-4.925c11.019-5.487 15.392-18.946 9.703-29.862l-5.107-9.797c-3.019-5.793-3.019-12.695 0-18.488l5.107-9.797c5.689-10.916 1.316-24.3751-9.703-29.8619l-9.89-4.925c-5.847-2.9118-9.904-8.4957-10.867-14.9566l-1.627-10.9281c-1.814-12.1747-13.263-20.4929-25.402-18.4554l-10.896 1.8289c-6.442 1.0813-13.006-1.0515-17.583-5.7129Z"/>
|
||||
<path fill="var(--cros-sys-illo-color1-2)" d="M99.3999 134.351v5.06c-16.2892 10.683-24.1529 9.555-24.1529 9.555-1.1034-5.523-5.0553-11.242-5.617-14.615-.5617-3.373 2.2468-9.558-1.6851-17.428 0 0-4.4935 2.253-7.3019-1.12-2.8085-3.373 4.4934-7.868 4.4934-7.868s9.5488-4.499 15.1658-5.626c2.8085-1.689 6.7404 1.686 6.7404 1.686-1.7551-5.4646-9.7571-17.1928-1.1233-17.9845 6.1785-.5665 10.1105 21.9245 10.1105 21.9245 3.9318-4.499 7.8642-2.249 7.8642-2.249.561 2.809-1.124 23.046-4.4941 28.665Z"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M83.3223 131.592c2.0732-12.339 7.6092-9.088 9.4553-13.828 1.2974-3.331 2.4188-6.417 3.6281-10.167 1.2094-3.749 8.1453-5.232 7.4103.001-2.603 12.295.641 16.751-4.5239 26.434v7.077"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-width="2.5" d="M86.575 114.699c-.2632-4.181.8704-7.919-.4823-14.037-.6345-2.8707-8.2685-12.9641-1.6433-14.935 4.7162-1.403 10.3939 9.9971 11.5206 21.824"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-width="2.5" d="M85.6435 102.327c-4.6572-2.4205-7.9591-.703-9.2937 1.405-2.5558 4.036-.4068 16.656 4.7765 13.514 2.1428-1.3 1.7373-6.525 1.3352-8.685"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-width="2.5" d="M75.9999 118.192c-6.0207 2.423-7.6267-6.227-6.3039-10.413 1.1178-3.538 2.9268-4.029 4.6264-3.667M67.6995 115.201c-1.394 3.201-7.6561 3.067-7.2366-1.442.3482-3.743 4.9824-8.036 8.7185-6.845"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M66.7105 118.106c.9476 2.26 2.3406 4.703 2.6519 8.421-1.505 7.977.0004 14.359 3.5439 18.434l.8364 3.79"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-width="2.5" d="M86.575 114.691c-.2632-4.181.8704-7.918-.4823-14.037-.6345-2.87-8.2685-12.9634-1.6433-14.9343 4.7162-1.403 10.3939 9.9971 11.5206 21.8243"/>
|
||||
<path fill="var(--cros-sys-illo-color1)" fill-rule="evenodd" d="M172.55 236.831c-.743.576-1.451 1.205-2.119 1.885l-7.781 7.925c-6.768 6.894-17.104 8.12-25.14 3.677l5.661-16.58 29.379 3.093ZM200.806 182.293c-.676.078-1.365.119-2.063.119-17.712-5.45-17.712-7.93-17.712-17.712s7.93-17.712 17.712-17.712c8.858 0 16.198 6.503 17.505 14.996 8.434.251 15.194 7.166 15.194 15.661 0 .797-.06 1.579-.174 2.344 4.788 1.148 8.348 5.458 8.348 10.599 0 6.02-4.88 10.9-10.9 10.9-5.141 0-9.451-3.56-10.599-8.349-.765.115-1.547.174-2.343.174-7.035 0-12.987-4.636-14.968-11.02Z" clip-rule="evenodd"/>
|
||||
<circle cx="170" cy="158" r="13" fill="var(--cros-sys-illo-color1)"/>
|
||||
<circle cx="163" cy="164" r="13" fill="var(--cros-sys-illo-color1)"/>
|
||||
<ellipse cx="176.5" cy="149.5" fill="var(--cros-sys-illo-color1)" rx="10.5" ry="11.5"/>
|
||||
<path fill="var(--cros-sys-illo-color1-1)" fill-rule="evenodd" d="m197.788 234.189-8.775-1.473c-5.935-.996-11.968.606-16.604 4.319l-1.717-.172-26.84-2.563-2.612-27.16s-39.145 16.217-58.0735 0c-18.9282-16.216-18.9282-57.501-18.9282-57.501s18.9282 2.979 35.8987-11.096l8.485 40.467c15.664-7.832 40.785-11.885 55.144-9.274l28.236 4.262c12.824 4.52 28.884 14.15 33.453 29.815l.51 1.444c-.042.231-.081.463-.116.696l-1.636 10.985c-1.543 10.356-10.389 17.789-20.496 17.908l-4.789-13.966-1.14 13.309Z" clip-rule="evenodd"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M225.454 203.812c-4.569-15.665-20.897-24.704-33.72-29.224m-27.039-4.506c-14.36-2.611-38.306 2.253-56.073 8.928 0 0-3.076-24.137-8.146-40.474-19.1526 14.647-36.6154 11.267-36.6154 11.267s2.3356 43.696 19.3057 57.337c16.9697 13.641 58.0727 0 58.0727 0l2.613 26.596 24.222 4.507"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-width="2.5" d="M70 142s-6 1.713-6 7"/>
|
||||
<path fill="var(--cros-sys-illo-color1-2)" d="M167.634 153.431c.533-5.422 3.733-11.387 11.731-10.302 7.998 1.084 9.598 6.507 9.598 11.387 0 4.88-3.199 7.591-3.199 7.591l-.981 8.94 6.217 3.85s-.437 3.277-11.635 1.65c-11.198-1.627-14.365-6.05-14.365-6.05l5.3-.256 2.133-7.05s-5.332-4.337-4.799-9.76Z"/>
|
||||
<path stroke="#fff" stroke-width="2" d="M167.365 157.462c.116.305.2.633.257 1.016-.393-.092-.735-.371-.889-.777-.154-.406-.083-.842.151-1.171.211.324.365.626.481.932Z"/>
|
||||
<circle cx="177.976" cy="153.578" r="10.5455" stroke="var(--cros-sys-illo-color1)" stroke-width="2.5" transform="rotate(6.99847 177.976 153.578)"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M173.363 151.492c.549.568 1.931 1.063 3.008.86"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="square" stroke-linejoin="round" stroke-width="2.5" d="M203 233.5c.5-4.5-4.5-14.5-4.5-14.5l-.5 14"/>
|
||||
<path stroke="var(--cros-sys-illo-color1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m172.001 163.617-.467 6.824-7.313.373s.953 5.094 12.303 6.028c11.349.935 14.083-2.253 14.083-2.253l-6.197-3.38v-7.591"/>
|
||||
<path fill="var(--cros-sys-illo-color1)" d="M201.794 158.067c-11.751-4.32-17.947-6.574-24.906-15.284 1.597-3.856 9.904-5.697 16.803-2.626 6.899 3.071 9.7 14.055 8.103 17.91Z"/>
|
||||
<circle cx="187.5" cy="162.5" r="1.5" fill="#fff" stroke="#fff" stroke-width="2"/>
|
||||
<ellipse cx="50" cy="62.5" fill="var(--cros-sys-illo-color2)" rx="46" ry="45.5"/>
|
||||
<path fill="#fff" fill-rule="evenodd" d="M84.0441 93.2429c-.6084.6634-1.2362 1.3088-1.8826 1.9351-.2821-.6202-.5513-1.2555-.7861-1.8889-.5968-1.61-1.0487-3.402-.7885-5.0036.1351-.831.4652-1.6315 1.0755-2.3082.6077-.6739 1.4281-1.153 2.4294-1.4508 1.7616-.5241 3.4367.2158 4.8086 1.4103.1309.114.2609.2335.3899.3584-.4474.7277-.9146 1.4418-1.401 2.1416-.2117-.228-.4222-.4331-.6306-.6146-1.0543-.918-1.8575-1.077-2.4541-.8995-.6549.1948-1.0452.4623-1.2857.7289-.2378.2637-.3933.5976-.4643 1.0348-.1519.9349.1021 2.2152.665 3.7337.1012.2732.21.5478.3245.8228Z" clip-rule="evenodd"/>
|
||||
<path fill="#fff" d="M51.6228 49.803c-1.3679-.5175-2.8777-.5175-4.2456 0l-8.0848 3.0581C38.5146 53.1553 38 53.9002 38 54.7318v7.4487c0 6.7769 4.1986 13.1316 10.0548 15.3627.93.3544 1.9604.3544 2.8904 0C56.8014 75.3121 61 68.9574 61 62.1805v-7.4487c0-.8316-.5146-1.5765-1.2924-1.8707l-8.0848-3.0581Zm-.1413 17.607c.092.6052-.3765 1.1502-.9886 1.1502h-1.9858c-.6121 0-1.0806-.545-.9886-1.1502l.6446-4.2435c-.92-.4785-1.5381-1.45-1.5381-2.5665 0-1.595 1.2937-2.9 2.875-2.9 1.5812 0 2.875 1.305 2.875 2.9 0 1.1165-.6181 2.088-1.5381 2.5665l.6446 4.2435Z"/>
|
||||
<path stroke="#fff" stroke-linecap="round" stroke-width="3" d="M100.613 83.1055c18.296 5.1224 11.697 15.6757 26.891 23.0035"/>
|
||||
<path fill="#E9B623" d="m125.689 69.8145-11.311-17.0918c-.959-1.3704-3.016-1.2425-3.798.2361l-9.107 18.3613c-.781 1.4785.44 3.2298 2.101 3.1265l20.418-1.2695c1.741-.1082 2.656-1.9923 1.697-3.3626Z"/>
|
||||
<path stroke="var(--cros-sys-illo-color1-1)" stroke-miterlimit="10" stroke-width="3" d="M98.3736 32.275c3.5204.8431 7.0574-1.3273 7.9004-4.8475.844-3.5206-1.327-7.0578-4.847-7.9009-3.5207-.8431-7.0577 1.327-7.9009 4.8476-.8431 3.5202 1.327 7.0576 4.8475 7.9008Z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h268v268H0z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
After (image error) Size: 8.4 KiB |
@ -61,7 +61,23 @@ SanitizeDialogUI::SanitizeDialogUI(content::WebUI* web_ui)
|
||||
IDS_SANITIZE_DONE_ACCORDION_CHROME_HOMEPAGE},
|
||||
{"sanitizeDoneAccordionChromeLanguages",
|
||||
IDS_SANITIZE_DONE_ACCORDION_CHROME_LANGUAGES},
|
||||
};
|
||||
{"sanitizeDoneButtonExtensions", IDS_SANITIZE_DONE_BUTTON_EXTENSIONS},
|
||||
{"sanitizeDoneButtonChromeOSInput",
|
||||
IDS_SANITIZE_DONE_BUTTON_CHROMEOS_INPUT},
|
||||
{"sanitizeDoneButtonChromeOSNetwork",
|
||||
IDS_SANITIZE_DONE_BUTTON_CHROMEOS_NETWORK},
|
||||
{"sanitizeDoneButtonChromeStartup",
|
||||
IDS_SANITIZE_DONE_BUTTON_CHROME_STARTUP},
|
||||
{"sanitizeDoneButtonChromeHomepage",
|
||||
IDS_SANITIZE_DONE_BUTTON_CHROME_HOMEPAGE},
|
||||
{"sanitizeDoneButtonChromeLanguages",
|
||||
IDS_SANITIZE_DONE_BUTTON_CHROME_LANGUAGES},
|
||||
{"sanitizeDescription", IDS_SANITIZE_DESCRIPTION},
|
||||
{"sanitizeDialogTitle", IDS_SANITIZE_HEADING},
|
||||
{"sanitizeDialogExplanation", IDS_SANITIZE_WARNING},
|
||||
{"sanitizeDialogButton", IDS_SANITIZE},
|
||||
{"sanitizeFeedback", IDS_SANITIZE_FEEDBACK},
|
||||
{"sanitizeCancel", IDS_SANITIZE_CANCEL}};
|
||||
html_source->AddLocalizedStrings(kLocalizedStrings);
|
||||
}
|
||||
|
||||
|
@ -32,7 +32,7 @@ CreateWebAppInfoForSanitizeSystemWebApp() {
|
||||
{{"app_icon_192.png", 192, IDR_ASH_SANITIZE_APP_APP_ICON_192_PNG}},
|
||||
*info);
|
||||
|
||||
info->title = l10n_util::GetStringUTF16(IDS_OS_SANITIZE_APP_NAME);
|
||||
info->title = l10n_util::GetStringUTF16(IDS_SANITIZE);
|
||||
info->theme_color =
|
||||
web_app::GetDefaultBackgroundColor(/*use_dark_mode=*/false);
|
||||
info->dark_mode_theme_color =
|
||||
|
@ -3138,7 +3138,7 @@
|
||||
</message>
|
||||
|
||||
<!-- Sanitize UI -->
|
||||
<message name="IDS_OS_SANITIZE_APP_NAME" desc="Name of the Sanitize web app" translateable="false">
|
||||
<message name="IDS_SANITIZE" desc="Name of the Sanitize web app" translateable="false">
|
||||
Sanitize
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_HEADING" desc="Name of the 'Safety reset done' window" translateable="false">
|
||||
@ -3183,6 +3183,42 @@
|
||||
<message name="IDS_SANITIZE_DONE_ACCORDION_CHROME_LANGUAGES" translateable="false">
|
||||
Verify your language settings
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_EXTENSIONS" translateable="false">
|
||||
Extensions
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_CHROMEOS_INPUT" translateable="false">
|
||||
ChromeOS Input
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_CHROMEOS_NETWORK" translateable="false">
|
||||
ChromeOS Network
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_CHROME_STARTUP" translateable="false">
|
||||
Chrome Startup
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_CHROME_HOMEPAGE" translateable="false">
|
||||
Chrome Homepage
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DONE_BUTTON_CHROME_LANGUAGES" translateable="false">
|
||||
Chrome Languages
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_HEADING" translateable="false" desc="Name of the 'Safety reset' window">
|
||||
Sanitize your device
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_DESCRIPTION" translateable="false" desc="Description of the sanitization feature on the sanitize window">
|
||||
Getting unwanted pop-ups, or other unexpected behavior? Sometimes,
|
||||
apps and extensions that you install can change your ChromeOS settings
|
||||
without you knowing.
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_WARNING" translateable="false" desc="Warning text in the 'Sanitize' window">
|
||||
This will disable extensions and reset your settings to safe defaults.
|
||||
Tabs, files, and cookies will be preserved.
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_FEEDBACK" translateable="false" desc="Feedback label in the Reset Profile Settings dialog">
|
||||
Help make ChromeOS better by reporting the current settings
|
||||
</message>
|
||||
<message name="IDS_SANITIZE_CANCEL" translateable="false" desc="Button label to cancel proceeding with sanitize">
|
||||
Cancel
|
||||
</message>
|
||||
|
||||
<!-- Sea Pen UI -->
|
||||
<message name="IDS_SEA_PEN_LABEL" desc="Label for the Create with AI feature.">
|
||||
|
Reference in New Issue
Block a user