Files
react-native-devtools-frontend/front_end/inline_editor/inline_editor_strings.grdp
T
Patrick Brosset d93ee76664 New jump-to-var feature in the Styles pane
This implements a new feature called jump-to-var.

It allows users to quickly jump from a custom property used in a var()
CSS function to where this property is defined.
A simple link underline is displayed for those.

If the property used does not exist, then no underline appears.

The explainer for this feature can be found here:
https://docs.google.com/document/d/1LRwH_lIO-gqe8hWzVq8QGFsJ27eEl158nFsuPlLGfnU/edit#

Demo: https://imgur.com/fI6YBBq.gif

Bug: 1124707
Change-Id: Ie9360f7dcace7621e4352fc4e6301e4c991b166e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2425340
Commit-Queue: Patrick Brosset <patrick.brosset@microsoft.com>
Reviewed-by: Songtao Xia <soxia@microsoft.com>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2020-10-05 17:30:41 +00:00

31 lines
1.9 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<grit-part>
<message name="IDS_DEVTOOLS_180bc3b1c5619aaef40e803f49921012" desc="Text in CSSShadow Editor of the inline editor in the Styles tab">
Spread
</message>
<message name="IDS_DEVTOOLS_2134e3ae0c489ce87a007a082d6a9a29" desc="Text in CSSShadow Editor of the inline editor in the Styles tab">
X offset
</message>
<message name="IDS_DEVTOOLS_4ceccbff9f302a6f42425eb6d409093f" desc="Text displayed in a tooltip shown when hovering over a var() CSS function in the Styles pane when the custom property in this function does not exist. The parameter is the name of the property.">
<ph name="VARIABLENAME">$1s<ex>--my-custom-property-name</ex></ph> is not defined
</message>
<message name="IDS_DEVTOOLS_575ed851c8964c290e73055ffdc085a6" desc="Text in CSSShadow Editor of the inline editor in the Styles tab">
Y offset
</message>
<message name="IDS_DEVTOOLS_5e9fb94d2ec46e6f829196c229e2b194" desc="Outset button text content in CSSShadow Editor of the inline editor in the Styles tab">
Outset
</message>
<message name="IDS_DEVTOOLS_8b52de510bc5497ac43abfe566be48ab" desc="Text in CSSShadow Editor of the inline editor in the Styles tab">
Blur
</message>
<message name="IDS_DEVTOOLS_b56d315e49178ba86341ff3b4e337c6b" desc="Inset button text content in CSSShadow Editor of the inline editor in the Styles tab">
Inset
</message>
<message name="IDS_DEVTOOLS_bfa0731f918a0e2ee23021896e388b38" desc="Text displayed in a tooltip shown when hovering over a var() CSS function in the Styles pane, to jump to where the custom property in the function is defined">
Jump to definition
</message>
<message name="IDS_DEVTOOLS_d65b5983f317c42c6f6dff5678e628ca" desc="Icon element title in Color Swatch of the inline editor in the Styles tab">
Shift-click to change color format
</message>
</grit-part>