Web Inspector: WebSockets: Don't clip data in the data grid

https://bugs.webkit.org/show_bug.cgi?id=170559

Reviewed by Timothy Hatcher.

Long lines without spaces should be broken down into several lines instead of being ellipsized.

* UserInterface/Views/WebSocketContentView.css:
(.web-socket.content-view > .data-grid td.data-column,):


git-svn-id: http://svn.webkit.org/repository/webkit/trunk@215206 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Author: [email protected]

Source/WebInspectorUI/ChangeLog

@@ -1,3 +1,15 @@
+2017-04-10  Nikita Vasilyev  <[email protected]>
+
+        Web Inspector: WebSockets: Don't clip data in the data grid
+        https://bugs.webkit.org/show_bug.cgi?id=170559
+
+        Reviewed by Timothy Hatcher.
+
+        Long lines without spaces should be broken down into several lines instead of being ellipsized.
+
+        * UserInterface/Views/WebSocketContentView.css:
+        (.web-socket.content-view > .data-grid td.data-column,):
+
 2017-04-10  Nikita Vasilyev  <[email protected]>
 
         Web Inspector: Placeholder text is clipped in the 'Enter Class Name' field at the bottom of Rules style sidebar in some localizations

Source/WebInspectorUI/UserInterface/Views/WebSocketContentView.css

@@ -36,6 +36,7 @@
 .web-socket.content-view .data-grid td.data-column > div {
     height: auto;
     white-space: pre-wrap;
+    overflow-wrap: break-word;
 }
 
 body[dir=ltr] .web-socket.content-view > .data-grid .data-column > div {