From f15854c1790e732790fb5f7aebf33b90f71e1e1b Mon Sep 17 00:00:00 2001 From: Bruno Quaresma Date: Mon, 7 Nov 2022 14:39:37 -0300 Subject: [PATCH] fix: Fix long audit log string (#4931) --- site/src/components/AuditLogRow/AuditLogDiff.tsx | 1 + site/src/components/AuditLogRow/AuditLogRow.stories.tsx | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/site/src/components/AuditLogRow/AuditLogDiff.tsx b/site/src/components/AuditLogRow/AuditLogDiff.tsx index 4c32f6145fb2a..dcd69aa45c991 100644 --- a/site/src/components/AuditLogRow/AuditLogDiff.tsx +++ b/site/src/components/AuditLogRow/AuditLogDiff.tsx @@ -89,6 +89,7 @@ const useStyles = makeStyles((theme) => ({ paddingRight: theme.spacing(2), lineHeight: "160%", alignSelf: "stretch", + overflowWrap: "anywhere", }, diffOld: { diff --git a/site/src/components/AuditLogRow/AuditLogRow.stories.tsx b/site/src/components/AuditLogRow/AuditLogRow.stories.tsx index 533b6d8c72c06..8594a1a06b4a4 100644 --- a/site/src/components/AuditLogRow/AuditLogRow.stories.tsx +++ b/site/src/components/AuditLogRow/AuditLogRow.stories.tsx @@ -53,8 +53,8 @@ WithLongDiffRow.args = { diff: { ...MockAuditLog2.diff, icon: { - old: "https://www.docker.com/wp-content/uploads/2022/03/Moby-logo.png", - new: "https://www.docker.com/wp-content/uploads/2022/03/vertical-logo-monochromatic.png", + old: "https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.docker.com%2Fcompany%2Fnewsroom%2Fmedia-resources%2F&psig=AOvVaw3hLg_lm0tzXPBt74XZD2GC&ust=1666892413988000&source=images&cd=vfe&ved=0CAwQjRxqFwoTCPDsiKa4_voCFQAAAAAdAAAAABAD", + new: "https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.kindpng.com%2Fimgv%2FhRowRxi_docker-icon-png-transparent-png%2F&psig=AOvVaw3hLg_lm0tzXPBt74XZD2GC&ust=1666892413988000&source=images&cd=vfe&ved=0CAwQjRxqFwoTCPDsiKa4_voCFQAAAAAdAAAAABAI", secret: false, }, },