From 9ae704510fde2f706d84a6627385839180cbec7f Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Tue, 29 Apr 2025 12:28:49 -0500
Subject: [PATCH] org_settings: Correctly display long channel names.

---
 web/styles/settings.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/web/styles/settings.css b/web/styles/settings.css
index edcfd6938e..1e9bac0ec7 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -830,6 +830,23 @@ input[type="checkbox"] {
 #organization-settings {
     .dropdown-widget-button {
         color: hsl(0deg 0% 33%);
+
+        .dropdown_widget_value {
+            /* The max-width should account for the
+               16px-square box (at 16px/1em) for the
+               chevron icon. */
+            max-width: calc(100% - 1em);
+            display: flex;
+            align-items: baseline;
+            /* Mimic the space from the previous inline
+               layout. */
+            gap: 0.4ch;
+        }
+
+        .decorated-channel-name {
+            overflow-x: hidden;
+            text-overflow: ellipsis;
+        }
     }
 }