Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

Better menu

Browse Source
This commit is contained in:
Marc Ducobu 2015-08-10 15:53:30 +02:00
parent a29671f738
commit dd24cbe5bc
7 changed files with 61 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
Resources/public/css/scratch.css
View File

@ -4174,7 +4174,7 @@ a {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\000031}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\000031}}
.navigation { .navigation {
background-color: #333333; background-color: #333333;
border-bottom: 1px solid #1a1a1a; border-bottom: none;
height: 60px; height: 60px;
z-index: 999; } z-index: 999; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\0000315}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\0000315}}
@ -4318,7 +4318,7 @@ a {
text-align: left; } text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003207}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003207}}
.navigation .navigation-search { .navigation .navigation-search {
padding: .85em .6em; padding: 17px 0 0;
position: relative; } position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003211}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003211}}
.navigation .navigation-search input[type=search] { .navigation .navigation-search input[type=search] {
@ -4336,23 +4336,24 @@ a {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003233}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003233}}
.navigation ul li.nav-link2 { .navigation ul li.nav-link2 {
position: relative; position: relative;
display: inline-block;
padding-right: 2em; padding-right: 2em;
text-align: left; text-align: left;
line-height: 60px; line-height: 60px;
z-index: 9999; } z-index: 9999;
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003241}} float: left;
.navigation ul li.nav-link2 a.more:after { list-style: none; }
content: "▾"; @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003242}}
color: rgba(255, 255, 255, 0.7); .navigation ul li.nav-link2 div.li-content {
padding-left: 0.4em;
font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003248}}
.navigation ul li.nav-link2 div.multiple_lines {
display: inline-block; display: inline-block;
line-height: normal; line-height: normal;
vertical-align: middle; } vertical-align: middle; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003254}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003247}}
.navigation ul li.nav-link2 div.li-content a.more:after {
content: "▾";
color: rgba(255, 255, 255, 0.7);
padding-left: 0.4em;
font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003255}}
.navigation ul li.nav-link2 ul { .navigation ul li.nav-link2 ul {
display: none; display: none;
position: absolute; position: absolute;
@ -4362,22 +4363,21 @@ a {
padding-right: 1.5em; padding-right: 1.5em;
padding-left: 1.5em; padding-left: 1.5em;
width: 100%; } width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003266}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003267}}
.navigation ul li.nav-link2 ul li { .navigation ul li.nav-link2 ul li {
padding-top: 0.7em; padding-top: 0.7em;
padding-bottom: 0.7em; } padding-bottom: 0.7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003270}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003271}}
.navigation ul li.nav-link2 ul li:first-child { .navigation ul li.nav-link2 ul li:first-child {
padding-top: 0; } padding-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003274}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003275}}
.navigation ul li.nav-link2 ul li:last-child { .navigation ul li.nav-link2 ul li:last-child {
padding-bottom: 0; } padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003280}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003281}}
.navigation ul li.nav-link2:hover ul { .navigation ul li.nav-link2:hover ul {
display: block; } display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003284}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/modules\/_navigation\.scss}line{font-family:\00003285}}
.navigation ul li.nav-link2 a { .navigation ul li.nav-link2 a {
display: inline-block;
width: 100%; width: 100%;
color: white; color: white;
font-weight: 400; } font-weight: 400; }
@ -4967,23 +4967,29 @@ div.timeline div {
div.timeline div div.summary { div.timeline div div.summary {
margin-left: 1em; } margin-left: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\000034}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\000033}}
div#general { div#header-person-name {
background: none repeat scroll 0 0 #328474;
color: #FFF;
padding: 0.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\000039}}
div#header-person-details {
background: none repeat scroll 0 0 #43b29d; background: none repeat scroll 0 0 #43b29d;
color: #FFF; color: #FFF;
padding: 0.5em; } padding: 0.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000310}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000315}}
html, body { html, body {
min-height: 100%; min-height: 100%;
font-family: 'open_sansregular'; } font-family: 'open_sansregular'; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000315}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000320}}
#content_conainter { #content_conainter {
position: relative; position: relative;
min-height: calc(100% - 100px); } min-height: calc(100% - 100px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000320}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000325}}
#content_conainter:before { #content_conainter:before {
bottom: 0; bottom: 0;
content: ""; content: "";
@ -4999,36 +5005,36 @@ html, body {
background-size: cover; background-size: cover;
background-position: center; } background-position: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000336}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000341}}
.cf-title { .cf-title {
font-size: 2em; } font-size: 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000340}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000345}}
.cf-subtitle { .cf-subtitle {
font-size: 1.5em; } font-size: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000345}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000350}}
ul.submenu.width-11-em { ul.submenu.width-11-em {
min-width: 11em; } min-width: 11em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000345}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000350}}
ul.submenu.width-15-em { ul.submenu.width-15-em {
min-width: 15em; } min-width: 15em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000350}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000355}}
.content { .content {
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; } padding-bottom: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000355}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000360}}
.select2 { .select2 {
width: 100%; } width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000359}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000364}}
ul.custom_fields.choice li { ul.custom_fields.choice li {
list-style: none; } list-style: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000363}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000368}}
.sticky-form-buttons { .sticky-form-buttons {
margin-top: 1em; margin-top: 1em;
background-color: #e2793d; background-color: #e2793d;
@ -5038,34 +5044,34 @@ ul.custom_fields.choice li {
padding: 0.5em; padding: 0.5em;
border-radius: 0; } border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000373}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000378}}
.sticky-form-buttons .margin-5 { .sticky-form-buttons .margin-5 {
margin-left: 5%; margin-left: 5%;
margin-right: 5%; } margin-right: 5%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000378}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000383}}
.sticky-form-buttons .margin-10 { .sticky-form-buttons .margin-10 {
margin-left: 10%; margin-left: 10%;
margin-right: 10%; } margin-right: 10%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000383}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000388}}
.errors { .errors {
color: #df4949; } color: #df4949; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000387}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000392}}
.blop label { .blop label {
line-height: 1.5em; } line-height: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000392}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000397}}
.footer p { .footer p {
font-family: 'open_sanslight'; } font-family: 'open_sanslight'; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\0000399}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\00003104}}
.time_compound input[type=text], .time_compound select { .time_compound input[type=text], .time_compound select {
width: 4em; width: 4em;
display: inline-block; display: inline-block;
text-align: center; } text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\00003105}} @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/marcu\/Projects\/Chill\/vendor\/chill-project\/main\/Resources\/public\/sass\/_custom\.scss}line{font-family:\00003110}}
.time_compound .separator { .time_compound .separator {
margin-left: 0.2em; margin-left: 0.2em;
margin-right: 0.2em; } margin-right: 0.2em; }

2
Resources/public/css/scratch.css.map
View File

File diff suppressed because one or more lines are too long

1
Resources/public/sass/custom/config/_colors.scss
View File

@ -1,5 +1,6 @@
$chill-blue: #334d5c; $chill-blue: #334d5c;
$chill-green: #43b29d; $chill-green: #43b29d;
$chill-green-dark: #328474;
$chill-yellow: #eec84a; $chill-yellow: #eec84a;
$chill-orange: #e2793d; $chill-orange: #e2793d;
$chill-red: #df4949; $chill-red: #df4949;

6
Resources/public/sass/custom/config/_variables.scss
View File

@ -14,11 +14,11 @@ $navigation-first-padding-top: 0;
$navigation-last-padding-bottom: 0; $navigation-last-padding-bottom: 0;
$navigation-color: white; $navigation-color: white;
$navigation-color-hover: white; $navigation-color-hover: white;
$navigation-padding: 0; $navigation-search-padding: 17px 0 0;
$navigation-border-bottom: none;
// Form // Form
$form-border-color: $black; $form-border-color: $black;
$form-border-color-hover: $black; $form-border-color-hover: $black;
$form-border-color-focus: $black; $form-border-color-focus: $black;
$form-border-size: 1px; $form-border-size: 1px;

5
Resources/views/Menu/section.html.twig
View File

@ -16,7 +16,10 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
#} #}
<li class="nav-link2"><a href="javascript:void(0)" class="more">Sections</a> <li class="nav-link2">
<div class="li-content">
<a href="javascript:void(0)" class="more">Sections</a>
</div>
<ul class="submenu width-15-em" style="padding-left: 0; padding-right: 0; background-color:transparent;"> <ul class="submenu width-15-em" style="padding-left: 0; padding-right: 0; background-color:transparent;">
{% for route in routes %} {% for route in routes %}
<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;"> <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;">

2
Resources/views/Menu/user.html.twig
View File

@ -17,7 +17,7 @@
#} #}
<li class="nav-link2"> <li class="nav-link2">
<div class="multiple_lines"> <div class="li-content">
<a href="javascript:void(0)" style="font-size: 0.8em; font-family: 'open_sanslight';"> <a href="javascript:void(0)" style="font-size: 0.8em; font-family: 'open_sanslight';">
{{ 'Welcome' | trans }}<br/> {{ 'Welcome' | trans }}<br/>
<b>{{ app.user.username }}</b> <b>{{ app.user.username }}</b>

8
Resources/views/layout.html.twig
View File

@ -66,11 +66,15 @@
{% if available_languages|length == 1 %} {% if available_languages|length == 1 %}
<li class="nav-link2 lang-selection"> <li class="nav-link2 lang-selection">
<a href="">{{ available_languages[0] | capitalize }}</a> <div class="li-content">
<a href="">{{ available_languages[0] | capitalize }}</a>
</div>
</li> </li>
{% else %} {% else %}
<li class="nav-link2 lang-selection"> <li class="nav-link2 lang-selection">
<a href="#" class="more">{{ app.request.locale | capitalize }}</a> <div class="li-content">
<a href="#" class="more">{{ app.request.locale | capitalize }}</a>
</div>
<ul class="submenu"> <ul class="submenu">
{% for lang in available_languages %} {% for lang in available_languages %}
<li {% if lang == app.request.locale %}class="active"{% endif %}> <li {% if lang == app.request.locale %}class="active"{% endif %}>