Improving menu integration

This commit is contained in:
Marc Ducobu 2015-06-30 21:43:31 +02:00
parent cd9cfa86a3
commit 135691f0fc
2 changed files with 14 additions and 13 deletions

View File

@ -19,16 +19,17 @@
<li class="nav-link more"><a href="javascript:void(0)">Sections</a> <li class="nav-link more"><a href="javascript:void(0)">Sections</a>
<ul class="submenu width-15-em"> <ul class="submenu width-15-em">
{% for route in routes %} {% for route in routes %}
<li style="padding-top: 2px;"> <li>
<a href="{{ path(route.key, args ) }}" style="background-color:transparent; display:block;"> <div style="margin-bottom:2px;">
<div style="background-color: #333333; width: calc(100% - 4em - 1px); float: left; text-align:center; font-family: 'open_sanslight'; font-size: 0.75em; color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid tansparent;"> <div style="background-color: #333333;font-family: 'open_sanslight'; font-size: 0.75em; color: rgba(255, 255, 255, 0.5); text-align:center; height: 46px; display:inline-block; width: calc(100% - 5em - 1px); vertical-align:top;">
{{ route.label|trans }}</div> <a href="{{ path(route.key, args ) }}" style="text-align:center; color:rgba(255, 255, 255, 0.5);">{{ route.label|trans }}</a>
<div style="background-color: #333333; width: 3em; text-align:center;width: 2em; float: left; margin-left:1px; font-size:1.5em;">{% spaceless %} </div>
{% for icon in route.icons %} <div style="background-color: #333333; text-align:center;width: 2em; margin-left:-0.15em; font-size:1.5em; color:#FFF; height: 46px; display:inline-block; vertical-align:top;">{% spaceless %}
<i class="fa fa-{{ icon }}"></i> {% for icon in route.icons %}
{% endfor %} <i class="fa fa-{{ icon }}"></i>
{% endspaceless %}</div> {% endfor %}
</a> {% endspaceless %}</div>
</div>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>

View File

@ -17,13 +17,13 @@
#} #}
<li class="nav-link more"> <li class="nav-link more">
<a href="javascript:void(0)"> <a href="javascript:void(0)" style="font-size: 0.8em; ;line-height: 17px; text-align: left;">
{{ 'Welcome' | trans }} <span style="font-family: 'open_sanslight'; ">{{ 'Welcome' | trans }}</span><br/>
<b>{{ app.user.username }}</b> <b>{{ app.user.username }}</b>
</a> </a>
<ul class="submenu width-11-em"> <ul class="submenu width-11-em">
{% for route in routes %} {% for route in routes %}
<li><a href="{{ path(route.key, args ) }}"><i class="fa fa-{{ route.icon }}"></i> {{ route.label|trans }}</a></li> <li><a href="{{ path(route.key, args ) }}" style="font-family: 'open_sanslight'; font-size: 0.9em;"><i class="fa fa-{{ route.icon }}"></i> {{ route.label|trans }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</li> </li>