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

41 lines
2.2 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
{% if enable_feedback %}
right-sidebar: Update feedback button styling. This updates the styling of the feedback button to utilize the new button component class `.button` rather than the old bootstrap `.btn` class.
2017-09-27 01:36:37 +02:00
<div id="feedback_section" class="new-style">
<button type="button" class="button small rounded" id="feedback_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-comment" aria-hidden="true"></i>&nbsp;&nbsp;{{ _('Send feedback') }}
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</button>
</div>
{% endif %}
<div id="user-list">
<div id="userlist-header">
right-sidebar: Make Search people input collapsible with search icon. Fixes #4816
2018-01-04 18:15:42 +01:00
<h4 class='sidebar-title' id='userlist-title' data-toggle="tooltip" title="{{ _('Filter users') }}">{{ _('USERS') }}</h4>
right_sidebar.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-02 02:42:36 +02:00
<i id="user_filter_icon" class='fa fa-search' aria-hidden="true" aria-label="{{ _('Filter users') }}" data-toggle="tooltip" title="{{ _('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">
sidebars: Disable autocomplete for user and stream search inputs. Fixes #9269.
2018-05-01 06:42:36 +02:00
<input class="user-list-filter" 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>
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 id="buddy_list_wrapper" class="scrolling_list">
<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>
<div id="group-pm-list">
<div id="group-pm-header">
<h4 class='sidebar-title' id='group-pm-title'>{{ _('GROUP PMs') }}</h4>
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>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
<ul id="group-pms" class="filters scrolling_list">
</ul>
</div>
right sidebar: Move invite link below Group PMs. It looked kinda terrible in between the two user lists. There is some discussion here (I have to break the link into two lines to make gitlint happy): https://chat.zulip.org/#narrow/stream/ 101-design/topic/user.20sidebar.20in.20left/near/697682
2019-02-10 17:25:45 +01:00
{% if show_invites %}
<a id="invite-user-link" href="#invite"><i class="fa fa-plus-circle" aria-hidden="true"></i>{{ _('Invite more users') }}</a>
{% endif %}
right-sidebar: Improve keyboard shortcuts icon styling. * Eliminate unnecessary div element wrapping around the icon and change jQuery selectors accordingly * Set initial position through CSS instead of JS * Set color to inherit to prevent night mode issues.
2018-08-19 23:18:51 +02:00
<a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts">
<i class="fa fa-keyboard-o fa-2x" id="keyboard-icon" data-html="true" data-toggle="tooltip" title="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
</a>
Clean right_sidebar.html to use 4 space indents.
2017-03-10 08:21:37 +01:00
</div>
</div>