Screenshot

Chart error details:

Description

When a user is disconnected from the internet, they see errors like the ones in the screenshot above.

Changes to the chart error message:

• Warning icon is missing
• Message should be red (like the filter errors)
• Error message title in both the chart and the modal should be "Network error" rather than "Unexpected error"
• Description in the error modal should read "Network Error when attempting to load chart. Please check your internet connection and try again."

For ALL filter errors (including this one but also any others):

• Rather than showing the full error message, just show the title in the filter bar
• Details of the error should appear in the tooltip on hover
• If possible, filter error should mimic the size of the select field
• Height of the banner should be one line (the rest truncated)
  
  

Changes to the filter bar errors:

• Update title to "Network error"
• If the copy "Network error" doesn't fit in one line, remove the ! icon to get the text to fit in a single line
• Update description to "Network Error when attempting to load resource. Please check your internet connection and try again."

Design input

Please tag @kasiazjc for additional questions/clarifications if needed