Ad5001/omegamma
Ad5001/omegamma
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Hiding language label on desktop.

Browse source
This commit is contained in:
Adsooi 2021-09-30 22:51:20 +02:00
parent c0904b4b77
commit 2dd0188859
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/scss/header.scss
View file

@ -80,12 +80,18 @@ nav {
.menu-with-sub {
display: block;
.mobile-label {
display: none;
}
.sub-menu {
display: none;
position: absolute;
padding: 0;
margin-top: -2px;
margin-top: 5px;
right: 0;
width: max-content;
}
&.toggled .sub-menu, &:hover .sub-menu, & .sub-menu:hover {
@ -158,11 +164,17 @@ nav {
}
}
.mobile-label {
display: unset;
}
.menu-with-sub {
display: block;
.sub-menu {
margin-left: 1em;
left: 0;
right: unset;
}
}
}

2
layouts/partials/header.html
View file

@ -52,7 +52,7 @@
<li class="menu-with-sub">
<a href="#" role="button">
<i class="icon-lang icon-as-text" alt="{{ i18n "language" }} language flag"></i>
<span>{{ i18n "language" }}</span>
<span class="mobile-label">{{ i18n "language" }}</span>
</a>
<ul class="sub-menu center">
{{ range .Translations }}