Visualize unavailable translation of current page

This commit is contained in:
Björn Fromme
2019-06-18 15:58:07 +02:00
parent 86f2c8aa96
commit 1935948db8
2 changed files with 24 additions and 8 deletions
@@ -27,17 +27,24 @@
background-color: $color-brand-primary;
}
.helpernav__item:hover {
.helpernav__item {
&:hover:not(.helpernav__item--disabled) {
& > .helpernav__link {
background-color: $color-brand-primary;
background-color: $color-brand-primary;
}
& > .helpernav__subnav {
visibility: visible;
opacity: 1;
visibility: visible;
opacity: 1;
}
}
&--disabled {
opacity: 0.5;
}
}
.helpernav__subitem {
@@ -33,10 +33,19 @@
<f:for each="{langnav}" as="language">
<f:if condition="{language.active}">
<f:else>
<li class="helpernav__item">
<a href="{language.link}" class="helpernav__link" title="{language.data.title}">
{f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
</a>
<li class="helpernav__item{f:if(condition: '{language.available}', else: ' helpernav__item--disabled')}">
<f:if condition="{language.available}">
<f:then>
<a href="{language.link}" class="helpernav__link" title="{language.data.title}">
{f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
</a>
</f:then>
<f:else>
<span class="helpernav__link" title="{language.data.title}">
{f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
</span>
</f:else>
</f:if>
</li>
</f:else>
</f:if>