User Friendly application and pipeline logs

Description

Enhance visual rendering of logs:

  • Larger font sizes
    Change to the following:
    • Font-Size 14px
    • Line height 30px
    • font color: #333
    • font family: Helvetica,Arial,sans-serif (remove Hevetica Neue)

  • Darker background with lighter text?

  • Distinguish log levels - ERROR and WARN in the LogLevel column should have different colors. can you add some recommendations? Red/Orange?

  • Click on "error and warn counts" to filter as well - Clicking on the Error count (click area: label + count) should be the same as clicking on the ERROR checkbox in the filter. The filter should also reflect this change. Clicking on the WARN label (click area: label + count) should be the same as clicking on the WARN checkbox in the filter dropdown.

Release Notes

None

Activity

Show:
Bhooshan Mogal
April 13, 2017, 2:13 PM

The font changes are done in https://github.com/caskdata/cdap/pull/8540

Lea Cuniberti-Duran
May 2, 2017, 6:57 AM

Error color: red HEX #FF1744
Warning color orange HEX #FFA726

Tony Jiang
May 3, 2017, 6:40 AM

@Lea In the code, there's already
error-color: #f65454;
warning-color: #f6b354;

Can we use these instead or do we want new error (#FF1744) and warning (#FFA726) colors?

Tony Jiang
May 3, 2017, 8:26 AM
Deepak Wadhwani
May 4, 2017, 7:07 AM

Are we also getting rid of the "hover over log shows the log" with this? For some logs the layer actually goes out of the screen which is unreadable and only a distraction/annoyance.

Fixed

Assignee

Tony Jiang

Reporter

Deepak Wadhwani

Labels

Docs Impact

None

UX Impact

None

Components

Sprint

None

Fix versions

Affects versions

Priority

Major