Visualize unavailable translation of current page
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user