paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

buddy_list: Add ellipses cutoff for headers that overflow.

Browse Source 
This is mostly for translations.
This commit is contained in:
evykassirer
2024-12-05 15:38:11 -08:00
committed by Tim Abbott
parent 253e7d5dff
commit 3910211518
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/right_sidebar.css
View File

@@ -261,6 +261,14 @@ $user_status_emoji_width: 24px;
opacity: var(--opacity-sidebar-heading); opacity: var(--opacity-sidebar-heading);
transition: opacity 140ms linear; transition: opacity 140ms linear;
grid-area: row-content; grid-area: row-content;
display: flex;
}
.buddy-list-heading-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 2px;
} }
.buddy-list-subsection-header.no-display { .buddy-list-subsection-header.no-display {

3
web/templates/buddy_list/section_header.hbs
View File

@@ -1,4 +1,5 @@
<i class="buddy-list-section-toggle zulip-icon zulip-icon-heading-triangle-right {{#if is_collapsed}}rotate-icon-right{{else}}rotate-icon-down{{/if}}" aria-hidden="true"></i> <i class="buddy-list-section-toggle zulip-icon zulip-icon-heading-triangle-right {{#if is_collapsed}}rotate-icon-right{{else}}rotate-icon-down{{/if}}" aria-hidden="true"></i>
<h5 id="{{id}}" data-user-count="{{user_count}}" class="buddy-list-heading no-style hidden-for-spectators"> <h5 id="{{id}}" data-user-count="{{user_count}}" class="buddy-list-heading no-style hidden-for-spectators">
{{header_text}} (<span class="buddy-list-heading-user-count">{{user_count}}</span>) <span class="buddy-list-heading-text">{{header_text}}</span>
(<span class="buddy-list-heading-user-count">{{user_count}}</span>)
</h5> </h5>