Added option for language selector

Implemented a language selector submenu that can be turned on or off by a config value.

Resolves: panr/hugo-theme-terminal#31
This commit is contained in:
Marvin Dalheimer
2019-04-01 21:35:46 +02:00
parent bacfb1a95a
commit 10b545bb86
6 changed files with 66 additions and 1 deletions

View File

@ -121,6 +121,28 @@
}
}
.spacer {
flex-grow: 1;
}
.language-selector {
position: relative;
.language-selector-actual {
list-style-type: none;
display: flex;
flex-direction: row;
color: var(--accent);
cursor: pointer;
}
.language-selector-more {
@mixin menu;
top: 35px;
right: 0;
}
}
&-trigger {
color: var(--accent);
border: 2px solid;

View File

@ -0,0 +1,12 @@
const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth");
const isMobile = () => window.matchMedia(mobileQuery).matches;
if(!isMobile()) {
languageSelector = document.getElementsByClassName("language-selector-actual")[0];
moreLanguagesContainer = document.getElementsByClassName("language-selector-more")[0];
languageSelector && languageSelector.addEventListener("click", e => {
e.stopPropagation();
moreLanguagesContainer.classList.toggle("hidden");
});
}