Hiding language label on desktop.
This commit is contained in:
parent
c0904b4b77
commit
2dd0188859
2 changed files with 14 additions and 2 deletions
|
@ -80,12 +80,18 @@ nav {
|
||||||
|
|
||||||
.menu-with-sub {
|
.menu-with-sub {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
|
.mobile-label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: -2px;
|
margin-top: 5px;
|
||||||
|
right: 0;
|
||||||
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.toggled .sub-menu, &:hover .sub-menu, & .sub-menu:hover {
|
&.toggled .sub-menu, &:hover .sub-menu, & .sub-menu:hover {
|
||||||
|
@ -158,11 +164,17 @@ nav {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mobile-label {
|
||||||
|
display: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.menu-with-sub {
|
.menu-with-sub {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
|
left: 0;
|
||||||
|
right: unset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -52,7 +52,7 @@
|
||||||
<li class="menu-with-sub">
|
<li class="menu-with-sub">
|
||||||
<a href="#" role="button">
|
<a href="#" role="button">
|
||||||
<i class="icon-lang icon-as-text" alt="{{ i18n "language" }} language flag"></i>
|
<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>
|
</a>
|
||||||
<ul class="sub-menu center">
|
<ul class="sub-menu center">
|
||||||
{{ range .Translations }}
|
{{ range .Translations }}
|
||||||
|
|
Loading…
Reference in a new issue