CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-21 21:32:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

recent_topics: Stop last_msg_time_header::after from overflowing.

Browse Source 
We change the text. This is an attempt to make the text space occupied by
the col header of last message timestamp smaller so that
it doesn't overflow to next line in some languages.

Also, add some extra padding.
This commit is contained in:
Aman Agrawal 2020-09-23 14:17:04 +05:30 committed by Tim Abbott
parent f9537053ea
commit fafbccfcd4
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/recent_topics.css
View File

@ -268,6 +268,16 @@
width: 15%;
}
thead .last_msg_time_header {
/* The responsive table of bootstrap
somehow ignores the width of ::after
element. This ensures it is always visible.
20px = space occupied by ::after (icon) +
some extra padding.
*/
padding-right: 20px;
}
@media (width < $md_min) {
/* Hide participants and last message time
on smaller screens. This ensures user always

2
static/templates/recent_topics_table.hbs
View File

@ -16,7 +16,7 @@
<th data-sort="stream_sort">{{t 'Stream' }}</th>
<th data-sort="topic_sort">{{t 'Topic' }}</th>
<th class='participants_header'>{{t 'Participants' }}</th>
<th data-sort="numeric" data-sort-prop="last_msg_id" class="last_msg_time_header active descend">{{t 'Last message' }}</th>
<th data-sort="numeric" data-sort-prop="last_msg_id" class="last_msg_time_header active descend">{{t 'Time' }}</th>
</tr>
</thead>
<tbody class="required-text" data-empty="{{t 'No topics match your current filter.' }}"></tbody>