mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-20 13:35:11 +08:00
The grid editor works the same way as the flexbox editor. An icon is added next to display:grid|inline-grid. When clicked, it opens an editor that supports the following properties: - align-content - justify-content - align-items - justify-items Screenshot: https://i.imgur.com/4QU02o4.png Bug: chromium:1203241 Change-Id: I484bb4bde2c2547efbc066064c79ca382307c80a Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2859908 Commit-Queue: Alex Rudenko <alexrudenko@chromium.org> Reviewed-by: Paul Lewis <aerotwist@chromium.org> Reviewed-by: Changhao Han <changhaohan@chromium.org> Reviewed-by: Patrick Brosset <patrick.brosset@microsoft.com>
6 lines
75 B
HTML
6 lines
75 B
HTML
<style>
|
|
#target {
|
|
display: grid;
|
|
}
|
|
</style>
|
|
<div id="target"></div> |