mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
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>
31 lines
1.9 KiB
XML
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>
|