Break overflowing attribute names and values

sirreal · Nov 19, 2024 · 3271f35 · 3271f35
1 parent 2f45446
commit 3271f35
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/html-api-debugger/readme.txt b/html-api-debugger/readme.txt
@@ -16,6 +16,8 @@ Please file issues and pull requests on the [GitHub repository](https://github.c
 == Changelog ==
 
 = 2.3 =
+* Inline tree copy buttons.
+* Add line breaks to overflowing attribute names and values.
 
 = 2.2 =
 * Drop support for WordPress 6.6.

diff --git a/html-api-debugger/style.css b/html-api-debugger/style.css
@@ -82,9 +82,9 @@
 		margin: 0;
 		outline: 1px dotted #111;
 		vertical-align: top;
-		word-break: break-all;
 		text-wrap: auto;
 		text-wrap: pretty;
+		overflow-wrap: break-word;
 	}
 
 	.mutated {
@@ -171,11 +171,19 @@
 	.t2 .name {
 		color: black;
 		font-weight: bold;
+
+		text-wrap: auto;
+		text-wrap: pretty;
+		overflow-wrap: break-word;
 	}
 
 	.t2 .value {
 		color: blue;
 		font-weight: normal;
+
+		text-wrap: auto;
+		text-wrap: pretty;
+		overflow-wrap: break-word;
 	}
 
 	.t3 code,