From 78819f1f8d45df7e8a421471e57e7ce478c3d0d1 Mon Sep 17 00:00:00 2001 From: "David E. Wheeler" Date: Sun, 22 Dec 2024 13:58:28 -0500 Subject: [PATCH] Document doc buttons & Fix textaraand button sizes Fix the padding around the input and output textareas. The addition of ``, which disables quirks mode, requires additional CSS to ensure textareas don't overflow the box that contains them. The `DOCTYPE` tag also also requires `line-height: 0` to prevent the doc buttons from stretching. Fix that, and also document those buttons. --- README.md | 2 +- src/play.css | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4421929..c9333a1 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Usage On load, the form will be filled with sample JSON and a randomly-selected example query. Hit the "Run Query" button to see the values the path query -selects from the JSON. +selects from the JSON appear in the "Query Output" field. To try your own, paste the JSON to query into the "JSON" field and input the JSONpath query into the "Path" field, then hit the "Run Query" button. diff --git a/src/play.css b/src/play.css index c7b4eb0..fa641a5 100644 --- a/src/play.css +++ b/src/play.css @@ -360,6 +360,7 @@ body ul, body ol { padding: .5rem; border-radius: .5rem; max-height: 40vh; + box-sizing: border-box; } footer {