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

View file

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