[l10n] Update and clean up description strings for elements/
Doing a manual pass over all the descriptions in elements/ to make sure
they are good enough.
Also refactor the SplitWidget so that it does not concatenate localized
strings. Previously it would substitute in the name of the particular
sidebar panel that it was showing/hiding. This would have led to poor
translations in some languages.
Refactor it to accept the show and hide UI strings as input, and change
all the callers to provide both. Also update the types to
LocalizedString so it is type safe now re. localization too.
Bug: 1163928
Change-Id: Ie67db90770ff76ab258f885e1fe39387a26ab887
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2705378
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Peter Marshall <[email protected]>
diff --git a/front_end/elements/ClassesPaneWidget.js b/front_end/elements/ClassesPaneWidget.js
index 57bc07e..24d558b 100644
--- a/front_end/elements/ClassesPaneWidget.js
+++ b/front_end/elements/ClassesPaneWidget.js
@@ -12,21 +12,23 @@
export const UIStrings = {
/**
- *@description Text in Classes Pane Widget of the Elements panel
+ * @description Prompt text for a text field in the Classes Pane Widget of the Elements panel.
+ * Class refers to a CSS class.
*/
addNewClass: 'Add new class',
/**
- *@description Screen reader announcement string when adding a class via the Classes Pane Widget.
- *@example {vbox flex-auto} PH1
+ * @description Screen reader announcement string when adding a CSS class via the Classes Pane Widget.
+ * @example {vbox flex-auto} PH1
*/
- classesSAdded: 'Classes {PH1} added.',
+ classesSAdded: 'Classes {PH1} added',
/**
- *@description Screen reader announcement string when adding a class via the Classes Pane Widget.
- *@example {title-container} PH1
+ * @description Screen reader announcement string when adding a class via the Classes Pane Widget.
+ * @example {title-container} PH1
*/
- classSAdded: 'Class {PH1} added.',
+ classSAdded: 'Class {PH1} added',
/**
- *@description Text in Classes Pane Widget of the Elements panel
+ * @description Accessible title read by screen readers for the Classes Pane Widget of the Elements
+ * panel. Element is a HTML DOM Element and classes refers to CSS classes.
*/
elementClasses: 'Element Classes',
};
