mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-06 20:11:38 +08:00
Alex Rudenko
32ffa0cf9f
This CL adds support for persistent overlays for flexbox and makes flex adorners clickable. Bug: 1145997 Change-Id: If45fd0e3b25958e0566d9c16a102ce2acfb9531d Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2544124 Commit-Queue: Alex Rudenko <alexrudenko@chromium.org> Reviewed-by: Changhao Han <changhaohan@chromium.org> Reviewed-by: Patrick Brosset <patrick.brosset@microsoft.com> Reviewed-by: Mathias Bynens <mathias@chromium.org>
38 lines
1.6 KiB
HTML
38 lines
1.6 KiB
HTML
<!--
|
|
Copyright 2020 The Chromium Authors. All rights reserved.
|
|
Use of this source code is governed by a BSD-style license that can be
|
|
found in the LICENSE file.
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Debug</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<script type="module" src="/out/Default/resources/inspector_overlay/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<script type="module">
|
|
const viewportWidth = document.documentElement.clientWidth;
|
|
const viewportHeight = document.documentElement.clientHeight;
|
|
dispatch(["setPlatform", "mac"]);
|
|
dispatch(["setOverlay", "persistent"]);
|
|
dispatch(["reset", {
|
|
viewportSize: {
|
|
width: viewportWidth,
|
|
height: viewportHeight,
|
|
},
|
|
deviceScaleFactor: 1,
|
|
pageScaleFactor: 1,
|
|
pageZoomFactor: 1,
|
|
emulationScaleFactor: 1,
|
|
scrollX: 0,
|
|
scrollY: 0,
|
|
}]);
|
|
dispatch(["drawFlexContainerHighlight", {"containerBorder":["M",9,9,"L",257,9,"L",257,369,"L",9,369,"Z"],"lines":[[["M",9,9,"L",129,9,"L",129,129,"L",9,129,"Z"],["M",129,9,"L",249,9,"L",249,129,"L",129,129,"Z"]],[["M",9,129,"L",75.859375,129,"L",75.859375,249,"L",9,249,"Z"],["M",75.859375,129,"L",195.859375,129,"L",195.859375,249,"L",75.859375,249,"Z"]],[["M",9,249,"L",129,249,"L",129,369,"L",9,369,"Z"],["M",129,249,"L",249,249,"L",249,369,"L",129,369,"Z"]]],"isHorizontalFlow":true,"flexContainerHighlightConfig":{"containerBorder":{"color":"#7f20d2","pattern":"dashed"},"lineSeparator":{"color":"#7f20d2","pattern":"dashed"},"itemSeparator":{"color":"#7f20d2","pattern":"dotted"}}}]);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|