Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/app/right_sidebar.html

29 lines
1.7 KiB
HTML
Raw Normal View History

accessibility: Add navigation roles for sidebars.
2018-11-08 17:17:12 +01:00
<div class="right-sidebar" id="right-sidebar" role="navigation">
left sidebar: Clean up "split" list moves. This change only impacts users who have the setting to put the user lists in the left sidebar when they have a narrow window. First, we move ".right-sidebar-items" as an entire group. Second, we append the items to "#left-sidebar" instead of ".narrows_panel".
2019-02-10 20:36:36 +01:00
<div class="right-sidebar-items">
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
<div id="user-list">
<div id="userlist-header">
user_list_title: Use consistent tooltip text for user search. Make the text for tooltip on search icon and header same.
2021-02-25 03:18:27 +01:00
<h4 class='sidebar-title tippy-zulip-tooltip' id='userlist-title' data-tippy-content="{{ _('Filter users') }} (w)">{{ _('USERS') }}</h4>
userlist_search: Use tippyjs for showing tooltips. Placement is set to `auto` which is based on space available. Hence, it varies based on browser width and the current narrow.
2021-02-25 03:17:35 +01:00
<i id="user_filter_icon" class='fa fa-search tippy-zulip-tooltip' aria-hidden="true" aria-label="{{ _('Filter users') }}" data-tippy-content="{{ _('Filter users') }} (w)"></i>
Removing the leading border-top in sidebar items. When the feedback module is hidden the #userlist_header border would brush against the navbar. Check if the feedback header isn’t there and remove the border top.
2016-08-16 01:06:52 +02:00
</div>
refactor: Add an explicit `user_search_section`. This, among other things, makes it easier to troubleshoot the resize code.
2019-02-10 19:58:59 +01:00
<div class="input-append notdisplayed" id="user_search_section">
recent_topics: Don't revive focus when user is trying to type.
2021-02-15 15:33:37 +01:00
<input class="user-list-filter home-page-input" type="text" autocomplete="off" placeholder="{{ _('Search people') }}" />
right-sidebar: Make Search people input collapsible with search icon. Fixes #4816
2018-01-04 18:15:42 +01:00
<button type="button" class="btn clear_search_button" id="clear_search_people_button">
right_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:42:36 +02:00
<i class="fa fa-remove" aria-hidden="true"></i>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</button>
</div>
ui: Replace set_up_scrollbar with data-simplebar attribute. With perfectScrollbar, we needed to call a function from JavaScript to enable a scrollbar on a new element, but simplebar has a much simpler default API one can do by using data-simplebar attributes in the HTML. So we can delete all the scrollbar creation/deletion code. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-05-17 23:11:33 +02:00
<div id="buddy_list_wrapper" class="scrolling_list" data-simplebar>
buddy list: Introduce buddy_list_wrapper div. This new div allows us to split out two concerns: semantic list of items - remains in #user_presences widget real estate - controlled by new #buddy_list_wrapper We will use this for progressive rendering. We want to add padding to the buddy list without messing with the integrity of the actual HTML '<ul>' list. (One ugly alternative would have been to add a dummy list item, which be a pitfall for any code traversing the list.) Basically, all the code relating to click handlers and similar things was left alone. We only change js/css related to scrolling, resizing, and overflow.
2018-07-26 20:17:34 +02:00
<ul id="user_presences" class="filters"></ul>
buddy list: Add padding to progressive scrollings. We add a padded div to our container for the buddy list to give scrolling the illusion that we've rendered every list item, while still letting the browser do the heavy lifting instead of trying to fake it out too much.
2018-07-26 19:50:15 +02:00
<div id="buddy_list_wrapper_padding"></div>
buddy list: Introduce buddy_list_wrapper div. This new div allows us to split out two concerns: semantic list of items - remains in #user_presences widget real estate - controlled by new #buddy_list_wrapper We will use this for progressive rendering. We want to add padding to the buddy list without messing with the integrity of the actual HTML '<ul>' list. (One ugly alternative would have been to add a dummy list item, which be a pitfall for any code traversing the list.) Basically, all the code relating to click handlers and similar things was left alone. We only change js/css related to scrolling, resizing, and overflow.
2018-07-26 20:17:34 +02:00
</div>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</div>
right-sidebar: Fix design bugs with keyboard-shortcuts. The keyboard-shortcuts icon currently has a fix position causing design related bugs such as overlapping with userlist in the sidebar. The fix wraps the invite-more-users link and keyboard icon inside a div with display property as flex instead of just using the anchor tags inside the side-bar items.
2021-03-22 20:21:58 +01:00
<div class="right-sidebar-shortcuts">
{% if show_invites %}
<a id="invite-user-link" href="#invite"><i class="fa fa-user-plus" aria-hidden="true"></i>{{ _('Invite more users') }}</a>
{% endif %}
<a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts">
keyboard-icon: Use tippyjs for tooltip. Tippyjs automatically places it to left.
2021-02-25 03:33:53 +01:00
<i class="fa fa-keyboard-o fa-2x tippy-zulip-tooltip" id="keyboard-icon" data-tippy-allowHtml="true" data-tippy-content="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
right-sidebar: Fix design bugs with keyboard-shortcuts. The keyboard-shortcuts icon currently has a fix position causing design related bugs such as overlapping with userlist in the sidebar. The fix wraps the invite-more-users link and keyboard icon inside a div with display property as flex instead of just using the anchor tags inside the side-bar items.
2021-03-22 20:21:58 +01:00
</a>
</div>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</div>
</div>