public/hugo-theme-terminal
1
0
Fork 0
forked from mirrors/hugo-theme-terminal
Code Pull Requests Activity

Use ul instead of div and BEM naming

Browse Source
This commit is contained in:
Marvin Dalheimer
2019-08-13 08:44:40 +02:00
parent 270a135fca
commit 28dd0fadf9
3 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
source/css/header.css
View File

@ -127,16 +127,19 @@
.language-selector {
position: relative;
list-style: none;
margin: 0;
.language-selector-actual {
&-current {
list-style-type: none;
display: flex;
flex-direction: row;
color: var(--accent);
cursor: pointer;
margin: 0;
}
.language-selector-more {
&__more {
@mixin menu;
top: 35px;
right: 0;

4
source/js/languageSelector.js
View File

@ -2,8 +2,8 @@ const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWid
const isMobile = () => window.matchMedia(mobileQuery).matches;
if(!isMobile()) {
languageSelector = document.getElementsByClassName("language-selector-actual")[0];
moreLanguagesContainer = document.getElementsByClassName("language-selector-more")[0];
languageSelector = document.querySelector(".language-selector-current");
moreLanguagesContainer = document.querySelector(".language-selector__more");
document.body.addEventListener("click", () => {
if (moreLanguagesContainer && !moreLanguagesContainer.classList.contains("hidden")) {