joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added mobile navigation for languages

Browse source
This commit is contained in:
Lee Wong 2017-05-24 20:34:26 +07:00
parent 57765f5782
commit d4cc669e20
2 changed files with 22 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

38
_includes/nav-mobile.html
View file

@ -2,15 +2,15 @@
<nav class="overlay-menu" id="overlaynavigation" aria-hidden="true"> <nav class="overlay-menu" id="overlaynavigation" aria-hidden="true">
<div class="overlay-menu__nav"> <div class="overlay-menu__nav">
<a href="/" class="overlay-menu__logo"> <a href="/" class="overlay-menu__logo">
<img src="/assets/img/logo-white.png" alt="Dash" class="logo"> <img src="/assets/img/logo-white.png" alt="Dash" class="logo">
</a> </a>
<ul class="overlay-menu__list"> <ul class="overlay-menu__list">
<li class="overlay-menu__item"><a href="{{ basenav }}/get-dash/" class="overlay-menu__link">{% t nav.get-dash %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/get-dash/" class="overlay-menu__link">{% t nav.get-dash %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/merchants/" class="overlay-menu__link">{% t nav.merchants %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/merchants/" class="overlay-menu__link">{% t nav.merchants %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/network/" class="overlay-menu__link">{% t nav.currency %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/network/" class="overlay-menu__link">{% t nav.currency %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/community/" class="overlay-menu__link">{% t nav.community %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/community/" class="overlay-menu__link">{% t nav.community %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/team" class="overlay-menu__link">{% t nav.team %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/team" class="overlay-menu__link">{% t nav.team %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/blog/" class="overlay-menu__link">{% t nav.blog %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/blog/" class="overlay-menu__link">{% t nav.blog %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/evolution/" class="overlay-menu__link">{% t nav.evolution %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/evolution/" class="overlay-menu__link">{% t nav.evolution %}</a></li>
@ -22,21 +22,21 @@
<li class="overlay-menu__subitem"> <li class="overlay-menu__subitem">
<a href="{{ page.url }}" class="overlay-menu__link {% if site.lang == 'en' %}is-active{% endif %}"><span class="flag us"></span> English</a> <a href="{{ page.url }}" class="overlay-menu__link {% if site.lang == 'en' %}is-active{% endif %}"><span class="flag us"></span> English</a>
</li> </li>
<!--<li class="overlay-menu__subitem">--> <li class="overlay-menu__subitem">
<!-- <a href="/es{{ page.url }}" class="overlay-menu__link {% if site.lang == 'es' %}is-active{% endif %}"><span class="flag es"></span> Español</a>--> <a href="/es{{ page.url }}" class="overlay-menu__link {% if site.lang == 'es' %}is-active{% endif %}"><span class="flag es"></span> Español</a>
<!--</li>--> </li>
<!--<li class="overlay-menu__subitem">--> <li class="overlay-menu__subitem">
<!-- <a href="/pt{{ page.url }}" class="overlay-menu__link {% if site.lang == 'pt' %}is-active{% endif %}"><span class="flag pt"></span> Portugese</a>--> <a href="/pt{{ page.url }}" class="overlay-menu__link {% if site.lang == 'pt' %}is-active{% endif %}"><span class="flag pt"></span> Portugese</a>
<!--</li>--> </li>
<!--<li class="overlay-menu__subitem">--> <!--<li class="overlay-menu__subitem">-->
<!-- <a href="/it{{ page.url }}" class="overlay-menu__link {% if site.lang == 'it' %}is-active{% endif %}"><span class="flag it"></span> Italiano</a>--> <!-- <a href="/it{{ page.url }}" class="overlay-menu__link {% if site.lang == 'it' %}is-active{% endif %}"><span class="flag it"></span> Italiano</a>-->
<!--</li>--> <!--</li>-->
<!--<li class="overlay-menu__subitem">--> <li class="overlay-menu__subitem">
<!-- <a href="/cn{{ page.url }}" class="overlay-menu__link {% if site.lang == 'cn' %}is-active{% endif %}"><span class="flag cn"></span> 简体中文</a>--> <a href="/cn{{ page.url }}" class="overlay-menu__link {% if site.lang == 'cn' %}is-active{% endif %}"><span class="flag cn"></span> 简体中文</a>
<!--</li>--> </li>
<!--<li class="overlay-menu__subitem">--> <li class="overlay-menu__subitem">
<!-- <a href="/ru{{ page.url }}" class="overlay-menu__link {% if site.lang == 'ru' %}is-active{% endif %}"><span class="flag ru"></span> Русский</a>--> <a href="/ru{{ page.url }}" class="overlay-menu__link {% if site.lang == 'ru' %}is-active{% endif %}"><span class="flag ru"></span> Русский</a>
<!--</li>--> </li>
</ul> </ul>
</li> </li>
{% endif %} {% endif %}

3
src/scss/_overlay-menu.scss
View file

@ -83,6 +83,9 @@
&--languages { &--languages {
margin-top: 20px; margin-top: 20px;
.overlay-menu__subitem{
margin-right: 0;
}
} }
} }