paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 05:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

left-sidebar: Restructure <a> to cover the <li>.

Browse Source 
This restructures the <a> tag to be clickable essentially anywhere
within the <li> tags, unlike before where due to it being “inline”, you
had to hover over the text in particular.
This commit is contained in:
Brock Whittaker
2017-04-27 11:35:47 -07:00
committed by Tim Abbott
parent e7ac6710e9
commit dcc2b3a900
2 changed files with 45 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles/left-sidebar.css
View File

@@ -160,6 +160,10 @@ li.hidden-filter {
font-size: 14px;
}
#global_filters .global-filter a {
display: block;
}
#global_filters .global-filter i.icon-vector-home {
position: relative;
top: 1px;

46
templates/zerver/left_sidebar.html
View File

@@ -2,11 +2,47 @@
<div class="bottom_sidebar">
<ul id="global_filters" class="filters">
{# Special-case this link so we don't actually go to page top. #}
<li data-name="home"
class="global-filter active-filter home-link"><span class="filter-icon"><i class="icon-vector-home"></i></span><a href="#">{{ _('Home') }} <span class="count"><span class="value"></span></span></a></li>
<li data-name="private" class="global-filter"><span class="filter-icon"><i class="icon-vector-envelope"></i></span><a href="#narrow/is/private">{{ _('Private messages') }} <span class="count"><span class="value"></span></span></a></li>
<li data-name="starred" class="global-filter"><span class="filter-icon"><i class="icon-vector-star"></i></span><a href="#narrow/is/starred">{{ _('Starred messages') }}</a></li>
<li data-name="mentioned" class="global-filter"><span class="filter-icon"><i class="icon-vector-tag"></i></span><a href="#narrow/is/mentioned">{{ _('@-mentions') }}<span class="count"><span class="value"></span></span></a></li>
<li data-name="home" class="global-filter active-filter home-link">
<a href="#">
<span class="filter-icon">
<i class="icon-vector-home"></i>
</span>
{{ _('Home') }}
<span class="count">
<span class="value"></span>
</span>
</a>
</li>
<li data-name="private" class="global-filter">
<a href="#narrow/is/private">
<span class="filter-icon">
<i class="icon-vector-envelope"></i>
</span>
{{ _('Private messages') }}
<span class="count">
<span class="value"></span>
</span>
</a>
</li>
<li data-name="starred" class="global-filter">
<a href="#narrow/is/starred">
<span class="filter-icon">
<i class="icon-vector-star"></i>
</span>
{{ _('Starred messages') }}
</a>
</li>
<li data-name="mentioned" class="global-filter">
<a href="#narrow/is/mentioned">
<span class="filter-icon">
<i class="icon-vector-tag"></i>
</span>
{{ _('@-mentions') }}
<span class="count">
<span class="value"></span>
</span>
</a>
</li>
</ul>
<div id="streams_list" class="zoom-out">
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Subscribed streams') }}"><a href="">{{ _('STREAMS') }}</a></h4>