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

Simplify navbar at phone size in lurk mode 

(imported from commit b4e7336174d4cde4947c96fa82473c311c6ed2b5)
This commit is contained in:
Reid Barton 2013-01-17 10:50:06 -05:00
parent 0ab3b3947e
commit 3e928cec48
2 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
templates/zephyr/index.html
View File

@ -111,8 +111,22 @@ var people_list = [
src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=30" />
</span>
<span class="my_fullname">{{ user_profile.full_name }}</span>
<span class="my_email">{{ user_profile.user.email }}</span>
<ul class="nav nav-pills nav-stacked" id="sidebar">
<span class="my_email {% if lurk_stream %}hidden-phone{% endif %}">{{ user_profile.user.email }}</span>
{% if lurk_stream %}
<ul class="nav nav-pills visible-phone lurk-navbar-phone">
<li title="Keyboard shortcuts">
<a href="#keyboard-shortcuts" role="button" data-toggle="modal">
<i class="icon-info-sign"></i>
</a>
</li>
<li title="Home">
<a href="/" target="_blank" role="button">
<i class="icon-home"></i>
</a>
</li>
</ul>
{% endif %}
<ul class="nav nav-pills nav-stacked {% if lurk_stream %}hidden-phone{% endif %}" id="sidebar">
<li title="Home" class="active">
<a href="#home" data-toggle="pill" onclick="narrow.restore_home_state();">
<i class="icon-home"></i>

9
zephyr/static/styles/zephyr.css
View File

@ -51,6 +51,15 @@ ul#sidebar {
margin-bottom: 0px;
}
ul.lurk-navbar-phone {
float: right;
margin-bottom: 0px;
}
ul.lurk-navbar-phone li {
display: inline;
}
#nav_whitespace {
visibility: hidden;
}