Compare commits
11 commits
986a5c45ce
...
33fbda0e9d
Author | SHA1 | Date | |
---|---|---|---|
33fbda0e9d | |||
f34c219436 | |||
0d068637cc | |||
91df000ca8 | |||
bd759431a9 | |||
64dc2b6dea | |||
221a0d8817 | |||
4ea29d886c | |||
9276a90cfa | |||
9808cf6cf0 | |||
c086834f0e |
|
@ -18,23 +18,3 @@
|
||||||
.nested-links a{
|
.nested-links a{
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-btn {
|
|
||||||
display: none;
|
|
||||||
color: white;
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
.nav-links {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.nav-links {
|
|
||||||
display: none;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.menu-btn {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -10,39 +10,15 @@
|
||||||
<div class="flex-l items-center">
|
<div class="flex-l items-center">
|
||||||
{{ partial "i18nlist.html" . }}
|
{{ partial "i18nlist.html" . }}
|
||||||
{{ if .Site.Menus.main }}
|
{{ if .Site.Menus.main }}
|
||||||
<nav>
|
<ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
|
||||||
<div class="menu-btn">
|
{{ range .Site.Menus.main }}
|
||||||
<div class="dib">☰ Menu</div>
|
<li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
|
||||||
</div>
|
<a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
|
||||||
<div class="nav-links">
|
|
||||||
{{ range .Site.Menus.main }}
|
|
||||||
<a class="link hover-white white-90 no-underline f5 f4-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }} " href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
|
|
||||||
{{ .Name }}
|
{{ .Name }}
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
</li>
|
||||||
</div>
|
{{ end }}
|
||||||
</nav>
|
</ul>
|
||||||
|
|
||||||
<script>
|
|
||||||
var navLinks = document.querySelector('.nav-links');
|
|
||||||
document.querySelector('.menu-btn').addEventListener('click', function() {
|
|
||||||
if (navLinks.style.display === 'none') {
|
|
||||||
navLinks.style.display = 'flex';
|
|
||||||
} else {
|
|
||||||
navLinks.style.display = 'none';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Adjust menu when window is resized
|
|
||||||
window.addEventListener('resize', function() {
|
|
||||||
if (window.innerWidth > 600) {
|
|
||||||
navLinks.style.display = 'flex';
|
|
||||||
} else {
|
|
||||||
navLinks.style.display = 'none';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ partialCached "social-follow.html" . }}
|
{{ partialCached "social-follow.html" . }}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue