Skip to content


Browse files Browse the repository at this point in the history
Web Inspector: Console: timestamps cause objects to be shown on a sep…
…arate line

Reviewed by Patrick Angle.

Move the timestamp to the end of the line and `float` it so that it doesn't participate in the normal flow.

* Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.js:
* Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css:
(.console-message .timestamp):

Canonical link:
  • Loading branch information
dcrousso committed Apr 21, 2023
1 parent 307a535 commit 2f8d67e
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 2 deletions.
Expand Up @@ -311,8 +311,9 @@

.console-message .timestamp {
float: right;
margin-inline-start: 12px;
color: var(--text-color-tertiary);
padding-inline-end: 5px;

.console-session:not(.timestamps-visible) .console-message .timestamp {
Expand Down
Expand Up @@ -187,7 +187,7 @@ WI.ConsoleMessageView = class ConsoleMessageView extends WI.Object
if (!this._timestampElement) {
this._timestampElement = document.createElement("span");
this._messageBodyElement.insertBefore(this._timestampElement, this._messageBodyElement.firstChild);
this._element.insertBefore(this._timestampElement, this._element.firstChild);

let date = new Date(this._timestamp * 1000);
Expand Down

0 comments on commit 2f8d67e

Please sign in to comment.