mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 05:23:35 +00:00
left-sidebar: Restructure <a> to cover the <li>.
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:
committed by
Tim Abbott
parent
e7ac6710e9
commit
dcc2b3a900
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user