DevTools: fix wrapping of links in console view

DO NOT COMMIT.

This CL was made before a large reformat.  Please see the new CL here:
https://codereview.chromium.org/2472183002/

DevTools: fix wrapping of links in console view

This CL makes link text in the console break on letters. By itself, this could
lead to cases where the expansion triangle element is not directly to the left
of the message body. Thus, the triangle element has been replaced with a pseudo
element on the message body.

BUG=658096

[luoe, 2016-10-25 20:29:11]

Description was changed from

==========
DevTools: fix wrapping of links in console view

BUG=658096
==========

to

==========
DevTools: fix wrapping of links in console view

This CL makes link text in the console break on letters. By itself, this could
lead to cases where the expansion triangle element is not directly to the left
of the message body. Thus, the triangle element has been replaced with a pseudo
element on the message body.

BUG=658096
==========

[luoe, 2016-10-25 20:29:22]

luoe@chromium.org changed reviewers:
+ lushnikov@chromium.org

[luoe, 2016-10-25 21:38:58]

luoe@chromium.org changed reviewers:
+ einbinder@chromium.org

[einbinder, 2016-10-25 21:54:08]

https://codereview.chromium.org/2445293003/diff/40001/third_party/WebKit/Sour...
File third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js
(right):

https://codereview.chromium.org/2445293003/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js:254:
messageElement.className = "console-message-body";
This kills the classes that might be on messageElement.
messageElement.classList.add("console-message-body");

[luoe, 2016-10-25 22:52:16]

https://codereview.chromium.org/2445293003/diff/40001/third_party/WebKit/Sour...
File third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js
(right):

https://codereview.chromium.org/2445293003/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js:254:
messageElement.className = "console-message-body";
On 2016/10/25 21:54:08, einbinder wrote:
> This kills the classes that might be on messageElement.
> messageElement.classList.add("console-message-body");

Done.

[einbinder, 2016-10-26 02:59:34]

lgtm

[luoe, 2016-10-26 03:19:25]

The CQ bit was checked by luoe@chromium.org to run a CQ dry run

[commit-bot: I haz the power, 2016-10-26 03:19:49]

Dry run: CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2016-10-26 04:10:01]

The CQ bit was unchecked by commit-bot@chromium.org

[commit-bot: I haz the power, 2016-10-26 04:10:02]

Dry run: Try jobs failed on following builders:
  linux_chromium_compile_dbg_ng on master.tryserver.chromium.linux (JOB_FAILED,
http://build.chromium.org/p/tryserver.chromium.linux/builders/linux_chromium_...)

[luoe, 2016-10-26 20:48:06]

The CQ bit was checked by luoe@chromium.org to run a CQ dry run

[commit-bot: I haz the power, 2016-10-26 20:48:56]

Dry run: CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2016-10-26 20:56:26]

The CQ bit was unchecked by commit-bot@chromium.org

[commit-bot: I haz the power, 2016-10-26 20:56:27]

Dry run: Try jobs failed on following builders:
  linux_chromium_chromeos_rel_ng on master.tryserver.chromium.linux (JOB_FAILED,
http://build.chromium.org/p/tryserver.chromium.linux/builders/linux_chromium_...)
  linux_chromium_compile_dbg_ng on master.tryserver.chromium.linux (JOB_FAILED,
http://build.chromium.org/p/tryserver.chromium.linux/builders/linux_chromium_...)
  linux_chromium_rel_ng on master.tryserver.chromium.linux (JOB_FAILED,
http://build.chromium.org/p/tryserver.chromium.linux/builders/linux_chromium_...)

[luoe, 2016-10-26 22:09:40]

The CQ bit was checked by luoe@chromium.org to run a CQ dry run

[commit-bot: I haz the power, 2016-10-26 22:10:12]

Dry run: CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2016-10-26 23:25:54]

The CQ bit was unchecked by commit-bot@chromium.org

[commit-bot: I haz the power, 2016-10-26 23:25:54]

Dry run: This issue passed the CQ dry run.

[lushnikov, 2016-11-03 00:47:30]

https://codereview.chromium.org/2445293003/diff/80001/third_party/WebKit/Sour...
File third_party/WebKit/Source/devtools/front_end/console/consoleView.css
(right):

https://codereview.chromium.org/2445293003/diff/80001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/console/consoleView.css:494:
word-wrap: normal;
can we use the .console-message for this? (do we really need this?)

[luoe, 2016-11-03 21:40:38]

Description was changed from

==========
DevTools: fix wrapping of links in console view

This CL makes link text in the console break on letters. By itself, this could
lead to cases where the expansion triangle element is not directly to the left
of the message body. Thus, the triangle element has been replaced with a pseudo
element on the message body.

BUG=658096
==========

to

==========
DO NOT COMMIT.

This CL was made before a large reformat.  Please see the new CL here:
https://codereview.chromium.org/2472183002/

DevTools: fix wrapping of links in console view

This CL makes link text in the console break on letters. By itself, this could
lead to cases where the expansion triangle element is not directly to the left
of the message body. Thus, the triangle element has been replaced with a pseudo
element on the message body.

BUG=658096
==========