MM-61127: Fix text overflow in channels input for SC (mattermost#28952)

Aryakoste · Oct 28, 2024 · 133bd5c · 133bd5c
1 parent dd51962
commit 133bd5c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/...nels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx b/...nels/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;
     }