Skip to content

Fix error tracking table layout on small screens

Simon Knox requested to merge psi-responsive-error-tracking into master

What does this MR do?

#26121 (closed)

  1. Truncate error text, always limit to one line
  2. Remove duplicate title/description info
  3. Prevent external link icon from shrinking
  4. Remove calendar icon from 'Last seen' column to save space
  5. Switch to stacked mode on tiny screens

Screenshots

regular table stacked table
Screen_Shot_2019-10-10_at_9.10.59_pm Screen_Shot_2019-10-10_at_3.48.16_pm

Testing

  1. Login to https://sentry.gitlab.net/ and get API key
  2. Enable Error Tracking in Settings > Operations > Error Tracking
  3. set URL: https://sentry.gitlab.net/ , Auth token to API key, and choose a project (e.g. sentry-testing)
  4. Go to Operations > Error tracking and resize page until something breaks

Does this MR meet the acceptance criteria?

Conformity

Edited by Simon Knox

Merge request reports