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

recent_topics: Move launch button to top left sidebar. 

Make dispaly `a` tag a block to so that it is clickable on
anywhere in the button space.
This commit is contained in:
Aman Agrawal 2020-06-26 12:54:23 +05:30 committed by Tim Abbott
parent ee2af4826c
commit d2a6d0dfda
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/js/click_handlers.js
View File

@ -650,11 +650,6 @@ exports.initialize = function () {
compose_actions.cancel(); compose_actions.cancel();
}); });
$("#recent_topics_icon").click(function (e) {
e.stopPropagation();
hashchange.go_to_location('recent_topics');
});
$("#streams_inline_cog").click(function (e) { $("#streams_inline_cog").click(function (e) {
e.stopPropagation(); e.stopPropagation();
hashchange.go_to_location('streams/subscribed'); hashchange.go_to_location('streams/subscribed');

10
static/styles/left-sidebar.scss
View File

@ -55,8 +55,7 @@ li.show-more-topics {
} }
#streams_inline_cog, #streams_inline_cog,
#streams_filter_icon, #streams_filter_icon {
#recent_topics_icon {
float: right; float: right;
opacity: 0.50; opacity: 0.50;
font-size: 13px; font-size: 13px;
@ -251,10 +250,15 @@ li.active-sub-filter {
li.top_left_all_messages, li.top_left_all_messages,
.private_messages_header, .private_messages_header,
li.top_left_mentions, li.top_left_mentions,
li.top_left_starred_messages { li.top_left_starred_messages,
li.top_left_recent_topics {
position: relative; position: relative;
padding-top: 1px; padding-top: 1px;
padding-bottom: 1px; padding-bottom: 1px;
a {
display: block;
}
} }
.top_left_row { .top_left_row {

10
templates/zerver/app/left_sidebar.html
View File

@ -56,11 +56,19 @@
</a> </a>
<span class="arrow starred-messages-sidebar-menu-icon"><i class="zulip-icon ellipsis-v-solid" aria-hidden="true"></i></span> <span class="arrow starred-messages-sidebar-menu-icon"><i class="zulip-icon ellipsis-v-solid" aria-hidden="true"></i></span>
</li> </li>
<li class="top_left_recent_topics top_left_row">
<a href="#recent_topics">
<span class="filter-icon">
<i class="fa fa-clock-o" aria-hidden="true"></i>
</span>
{#- squash whitespace -#}
<span>{{ _('Recent topics') }}</span>
</a>
</li>
</ul> </ul>
<div id="streams_list" class="zoom-out"> <div id="streams_list" class="zoom-out">
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Filter streams') }}">{{ _('STREAMS') }}</h4> <div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Filter streams') }}">{{ _('STREAMS') }}</h4>
<i id="streams_inline_cog" class='fa fa-cog' aria-hidden="true" data-toggle="tooltip" title="{{ _('Subscribe, add, or configure streams') }}"></i> <i id="streams_inline_cog" class='fa fa-cog' aria-hidden="true" data-toggle="tooltip" title="{{ _('Subscribe, add, or configure streams') }}"></i>
<i id="recent_topics_icon" class='fa fa-clock-o' aria-hidden="true" data-toggle="tooltip" title="{{ _('Recent topics') }} (t)"></i>
<i id="streams_filter_icon" class='fa fa-search' aria-hidden="true" data-toggle="tooltip" title="{{ _('Filter streams') }} (q)"></i> <i id="streams_filter_icon" class='fa fa-search' aria-hidden="true" data-toggle="tooltip" title="{{ _('Filter streams') }} (q)"></i>
<div class="input-append notdisplayed stream_search_section"> <div class="input-append notdisplayed stream_search_section">
<input class="stream-list-filter" type="text" autocomplete="off" placeholder="{{ _('Search streams') }}" /> <input class="stream-list-filter" type="text" autocomplete="off" placeholder="{{ _('Search streams') }}" />