DRAFT: Investigate alternative designs for Log Records Table

[kevin-pierce]

Summary

blocked by designs

Currently, the table for the log records sufficiently stores the current information included in each row. However, with the addition of the action button + the tags column, there may be issues with spacing within the table.

As observed in the following screenshot, we don't have much room to play around with.

The purpose of this ticket is to look into restructuring the log record rows into two variants:

• "Reduced" view ; this would be rendered on the homepage, and these rows would have truncated fields (in order to maximize space usage)
• "Expanded" view ; as an action item for a given row, we should be able to open a modal that displays all fields for the given row in "expanded" format

Goals

• Goal 1
• Goal 2
• Goal 3

Implementation

Design Action Items:

• Implement new designs for "shortened" log record rows + action button
• Implement new designs for expanded log record modal view
• Revise max col widths for each column in log record row

Developer Action Items:

• Implement action button with expanded view option
• Implement modal for viewing expanded log record
• Adjust FE for log record component to strictly adhere to max-widths
• Implement truncation utils for table fields