Hiding language label on desktop.

This commit is contained in:
Ad5001 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

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;
}
}
}

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 }}