zulip/static/templates/settings/user_list_admin.hbs
Nikhil Maske 0023f7f9a0 settings css: Make HTML table headers sticky.
Introduce a new class "table-sticky-headers" in the settings
and organisation settings HTML table tags and it is used
to make the table headers fix at the top. This commit also
add the background-color and hover properties to the
settings and organisation settings table to make them look
similar to the recent_topics_table.
2021-04-30 08:19:47 -07:00

27 lines
1.3 KiB
Handlebars

<div id="admin-user-list" class="settings-section" data-name="user-list-admin">
<h3 class="inline-block">{{t "Users" }}</h3>
<input type="text" class="search" placeholder="{{t 'Filter users' }}" aria-label="{{t 'Filter users' }}"/>
<div class="alert-notification" id="user-field-status"></div>
<div class="clear-float"></div>
<div class="progressive-table-wrapper" data-simplebar>
<table class="table table-condensed table-striped wrapped-table">
<thead class="table-sticky-headers">
<th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
{{#if show_email}}
<th data-sort="email">{{t "Email" }}</th>
{{/if}}
<th class="user_role" data-sort="role">{{t "Role" }}</th>
<th class="last_active" data-sort="last_active">{{t "Last active" }}</th>
{{#if is_admin}}
<th class="actions">{{t "Actions" }}</th>
{{/if}}
</thead>
<tbody id="admin_users_table" class="admin_user_table required-text thick"
data-empty="{{t 'No users match your current filter.' }}"></tbody>
</table>
</div>
<div id="admin_page_users_loading_indicator"></div>
</div>