Create a "Mailboxes" menu for small screens. Appear only when sreen is less than 1198px width

This commit is contained in:
Maël Solard
2014-08-07 18:38:41 +02:00
parent 2906154f8d
commit cbc932c33d
+38 -8
View File
@@ -30,19 +30,49 @@
<div class="navbar navbar-inverse top-navbar" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggle" data-target="#navigate-navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="">Mailbox</span>
</button>
<button class="navbar-toggle" data-target="#action" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span> Action </span>
</button>
<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">{% if selection %}
<div id="navigate-navbar-collapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav display-less-1198">
<li class="droppable active ui-droppable" name="INBOX">
<a class="block" name="loadfolder" href="INBOX">
<i class="glyphicon glyphicon-inbox"></i>
INBOX
</a>
</li>
<li class="droppable ui-droppable" name="Drafts">
<a class="block" name="loadfolder" href="Drafts">
<i class="glyphicon glyphicon-file"></i>
Drafts
</a>
</li>
<li class="droppable ui-droppable" name="Junk">
<a class="block" name="loadfolder" href="Junk">
<i class="glyphicon glyphicon-fire"></i>
Junk
</a>
</li>
<li class="droppable ui-droppable" name="Sent">
<a class="block" name="loadfolder" href="Sent">
<i class="glyphicon glyphicon-envelope"></i>
Sent
</a>
</li>
<li class="droppable ui-droppable" name="Trash">
<a class="block" name="loadfolder" href="Trash">
<i class="glyphicon glyphicon-trash"></i>
Trash
</a>
</li>
</ul>
<ul class="nav navbar-nav display-up-1198">{% if selection %}
{% extensions_menu selection user %}{% core_menu selection user %}
{% else %}{% extensions_menu "" user %}{% core_menu "" user %}{% endif %}
{% load_optionalmenu user %}