zulip/web/templates/recent_view_table.hbs
Aman Agrawal 371cd0da6c recent_view: Use html as scroll container.
Fixes #17933, #27517

Instead of `recent_view_table`, we make `html` as our scroll container.
This fixes an important bug for us where filters sometimes disappear
due to them scrolling under navbar which is unexpected. Since we are
now using separate containers to display rows and
filter (while includes table headers), where filters use sticky
positioning, this bug will be fixed.
2024-06-07 10:17:10 -07:00

29 lines
1.6 KiB
Handlebars

<div id="recent_view_filter_buttons" class="btn-group" role="group">
<div id="recent_filters_group">
{{> recent_view_filters}}
</div>
<div class="search_group" role="group">
<input type="text" id="recent_view_search" class="filter_text_input" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" />
<button type="button" class="btn clear_search_button" id="recent_view_search_clear">
<i class="fa fa-remove" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="table_fix_head">
<div class="recent-view-container">
<table class="table table-responsive">
<thead id="recent-view-table-headers">
<tr>
<th class="recent-view-stream-header" data-sort="stream_sort">{{t 'Channel' }}</th>
<th class="recent-view-topic-header" data-sort="topic_sort">{{t 'Topic' }}</th>
<th data-sort="unread_sort" data-tippy-content="{{t 'Sort by unread message count' }}" class="recent-view-unread-header unread_sort tippy-zulip-delayed-tooltip hidden-for-spectators">
<i class="zulip-icon zulip-icon-unread"></i>
</th>
<th class='recent-view-participants-header participants_header'>{{t 'Participants' }}</th>
<th data-sort="numeric" data-sort-prop="last_msg_id" class="recent-view-last-msg-time-header last_msg_time_header active descend">{{t 'Time' }}</th>
</tr>
</thead>
</table>
</div>
</div>