From 133bd5c2cb15724f9820b371690a73cc8a8c6495 Mon Sep 17 00:00:00 2001 From: Caleb Roseland Date: Mon, 28 Oct 2024 12:52:41 -0500 Subject: [PATCH] MM-61127: Fix text overflow in channels input for SC (#28952) --- .../modals/shared_channels_add_modal.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx index c89e19bc9fd..27a439e059e 100644 --- a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx +++ b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx @@ -234,6 +234,10 @@ const ChannelError = (props: {id: string; err: ServerError}) => { }; const ChannelLabelWrapper = styled.span` + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + svg { vertical-align: middle; margin-left: 6px; @@ -281,7 +285,12 @@ const ChannelIcon = ({channel, size = 16, ...otherProps}: {channel: Channel} & I const SecondaryTextRight = styled.span` color: rgba(var(--center-channel-color-rgb), 0.64); - margin-left: 5px; + padding-left: 5px; + + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + &:last-child { margin-left: auto; }