diff --git a/web/navigation-panels/chat-thread-ancestors.css b/web/navigation-panels/chat-thread-ancestors.css index f54e208fa..7bc2b97a9 100644 --- a/web/navigation-panels/chat-thread-ancestors.css +++ b/web/navigation-panels/chat-thread-ancestors.css @@ -1,48 +1,50 @@ .container { font-size: var(--xs-font-12); display: flex; align-items: center; column-gap: 12px; overflow: hidden; } .communityName { color: var(--thread-ancestor-color); font-size: var(--l-font-18); font-weight: var(--semi-bold); white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .ancestorThreadsContainer { border: 1px solid var(--topbar-lines); border-radius: 8px; display: flex; padding: 7px 12px; margin-right: 16px; overflow: hidden; } .ancestorName { color: var(--thread-ancestor-color); font-size: var(--xs-font-12); font-weight: var(--semi-bold); line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; } .chatName { flex-shrink: 0.5; } svg.chevronRight { color: var(--thread-ancestor-separator-color); flex-shrink: 0; } svg.ancestorSeparator { align-self: center; padding: 0 8px; }