Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(166)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Issue 2445293003: DevTools: fix wrapping of links in console view (Closed)
Patch Set: rebased Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 334 matching lines...) Expand 10 before | Expand all | Expand 10 after
345 } 345 }
346 346
347 #console-messages .link { 347 #console-messages .link {
348 text-decoration: underline; 348 text-decoration: underline;
349 } 349 }
350 350
351 #console-messages .link, 351 #console-messages .link,
352 #console-messages a { 352 #console-messages a {
353 color: rgb(33%, 33%, 33%); 353 color: rgb(33%, 33%, 33%);
354 cursor: pointer; 354 cursor: pointer;
355 word-break: break-all;
355 } 356 }
356 357
357 #console-messages .link:hover, 358 #console-messages .link:hover,
358 #console-messages a:hover { 359 #console-messages a:hover {
359 color: rgb(15%, 15%, 15%); 360 color: rgb(15%, 15%, 15%);
360 } 361 }
361 362
362 .console-group-messages .section { 363 .console-group-messages .section {
363 margin: 0 0 0 12px !important; 364 margin: 0 0 0 12px !important;
364 } 365 }
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
403 } 404 }
404 405
405 .console-message-formatted-table { 406 .console-message-formatted-table {
406 clear: both; 407 clear: both;
407 } 408 }
408 409
409 .console-message-url { 410 .console-message-url {
410 float: right; 411 float: right;
411 text-align: right; 412 text-align: right;
412 max-width: 100%; 413 max-width: 100%;
413 margin-left: 4px; 414 margin-left: 20px;
414 } 415 }
415 416
416 .console-message-nowrap-below, 417 .console-message-nowrap-below,
417 .console-message-nowrap-below div, 418 .console-message-nowrap-below div,
418 .console-message-nowrap-below span { 419 .console-message-nowrap-below span {
419 white-space: nowrap !important; 420 white-space: nowrap !important;
420 } 421 }
421 422
422 .object-state-note { 423 .object-state-note {
423 display: inline-block; 424 display: inline-block;
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
457 flex: 1 1 auto; 458 flex: 1 1 auto;
458 display: flex; 459 display: flex;
459 flex-direction: column; 460 flex-direction: column;
460 align-items: stretch; 461 align-items: stretch;
461 } 462 }
462 463
463 .console-message-stack-trace-wrapper > * { 464 .console-message-stack-trace-wrapper > * {
464 flex: none; 465 flex: none;
465 } 466 }
466 467
467 .console-message-stack-trace-triangle { 468 .console-message-stack-trace-toggle .console-message-body::before {
469 content: " ";
468 -webkit-user-select: none; 470 -webkit-user-select: none;
469 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 471 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
470 -webkit-mask-size: 352px 168px; 472 -webkit-mask-size: 352px 168px;
471 color: transparent; 473 color: transparent;
472 text-shadow: none; 474 text-shadow: none;
473 margin-right: 0; 475 margin-right: 6px;
474 height: 12px; 476 height: 12px;
475 background-color: rgb(110, 110, 110); 477 background-color: rgb(110, 110, 110);
476 width: 12px; 478 width: 12px;
477 flex: none; 479 flex: none;
478 -webkit-mask-position: -4px -96px; 480 -webkit-mask-position: -4px -96px;
479 } 481 }
480 482
481 @media (-webkit-min-device-pixel-ratio: 1.1) { 483 @media (-webkit-min-device-pixel-ratio: 1.1) {
482 .console-message-stack-trace-triangle { 484 .console-message-stack-trace-toggle .console-message-body::before {
483 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 485 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
484 } 486 }
485 } /* media */ 487 } /* media */
486 488
487 .console-message-stack-trace-toggle.expanded .console-message-stack-trace-triang le { 489 .console-message-stack-trace-toggle.expanded .console-message-body::before {
488 -webkit-mask-position: -20px -96px; 490 -webkit-mask-position: -20px -96px;
489 } 491 }
492
493 .console-message-body {
494 word-wrap: normal;
lushnikov 2016/11/03 00:47:30 can we use the .console-message for this? (do we r
495 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698