Better menu

This commit is contained in:
Marc Ducobu
2015-08-07 19:08:01 +02:00
parent b27cf3593d
commit a29671f738
12 changed files with 466 additions and 64 deletions

View File

@@ -16,15 +16,15 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
#}
<li class="nav-link more"><a href="javascript:void(0)">Sections</a>
<ul class="submenu width-15-em">
<li class="nav-link2"><a href="javascript:void(0)" class="more">Sections</a>
<ul class="submenu width-15-em" style="padding-left: 0; padding-right: 0; background-color:transparent;">
{% for route in routes %}
<li>
<li style="display:block; background-color: #333333; padding-left:1.5em; border-bottom:1px; border-bottom: 1px solid #FFF;padding-top:0; padding-bottom:0;">
<div style="margin-bottom:2px;">
<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;">
<a href="{{ path(route.key, args ) }}" style="text-align:center; color:rgba(255, 255, 255, 0.5);">{{ route.label|trans }}</a>
<div style="font-family: 'open_sanslight'; font-size: 0.75em; text-align:left; height: 46px; display:inline-block; width: calc(100% - 5em - 1px); vertical-align:top;">
<a href="{{ path(route.key, args ) }}">{{ route.label|trans }}</a>
</div>
<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 %}
<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;float:right">{% spaceless %}
{% for icon in route.icons %}
<i class="fa fa-{{ icon }}"></i>
{% endfor %}

View File

@@ -16,11 +16,13 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
#}
<li class="nav-link more">
<a href="javascript:void(0)" style="font-size: 0.8em; ;line-height: 17px; text-align: left;">
<span style="font-family: 'open_sanslight'; ">{{ 'Welcome' | trans }}</span><br/>
<b>{{ app.user.username }}</b>
</a>
<li class="nav-link2">
<div class="multiple_lines">
<a href="javascript:void(0)" style="font-size: 0.8em; font-family: 'open_sanslight';">
{{ 'Welcome' | trans }}<br/>
<b>{{ app.user.username }}</b>
</a>
</div>
<ul class="submenu width-11-em">
{% for route in routes %}
<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>

View File

@@ -49,13 +49,13 @@
<div class="grid-3 parent">
<div class="grid-10 push-2 logo-container">
<a href="{{ path('chill_main_homepage') }}">
<img class="logo" src="/bundles/chillmain/img/logo-chill-sans-slogan_white.png">
<img class="logo" src="/bundles/chillmain/img/logo-chill-sans-slogan_white_2.png">
</a>
</div>
</div>
<div class="grid-9 text-right">
<div class="nav">
<ul id="navigation-menu">
<ul class="navigation-menu">
{{ chill_menu('section', {
'layout': 'ChillMainBundle::Menu/section.html.twig',
}) }}
@@ -65,12 +65,12 @@
}) }}
{% if available_languages|length == 1 %}
<li class="nav-link lang-selection">
<li class="nav-link2 lang-selection">
<a href="">{{ available_languages[0] | capitalize }}</a>
</li>
{% else %}
<li class="nav-link more lang-selection">
<a href="">{{ app.request.locale | capitalize }}</a>
<li class="nav-link2 lang-selection">
<a href="#" class="more">{{ app.request.locale | capitalize }}</a>
<ul class="submenu">
{% for lang in available_languages %}
<li {% if lang == app.request.locale %}class="active"{% endif %}>