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; background-color: $color-brand-primary;
} }
.helpernav__item:hover { .helpernav__item {
&:hover:not(.helpernav__item--disabled) {
& > .helpernav__link { & > .helpernav__link {
background-color: $color-brand-primary; background-color: $color-brand-primary;
} }
& > .helpernav__subnav { & > .helpernav__subnav {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
} }
}
&--disabled {
opacity: 0.5;
}
} }
.helpernav__subitem { .helpernav__subitem {
@@ -33,10 +33,19 @@
<f:for each="{langnav}" as="language"> <f:for each="{langnav}" as="language">
<f:if condition="{language.active}"> <f:if condition="{language.active}">
<f:else> <f:else>
<li class="helpernav__item"> <li class="helpernav__item{f:if(condition: '{language.available}', else: ' helpernav__item--disabled')}">
<a href="{language.link}" class="helpernav__link" title="{language.data.title}"> <f:if condition="{language.available}">
{f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')} <f:then>
</a> <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> </li>
</f:else> </f:else>
</f:if> </f:if>