Use proper icons in mobile navigation

This commit is contained in:
Björn Fromme
2022-03-09 14:06:36 +01:00
parent c30d707d80
commit 1b74bb1087
@@ -50,7 +50,14 @@
{topitem.title}
</span>
<svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
<f:if condition="{topitem.active}">
<f:then>
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
</f:then>
<f:else>
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-right"></use>
</f:else>
</f:if>
</svg>
</a>
<f:if condition="{topitem.active}">
@@ -129,7 +136,7 @@
class="focus:outline-none"
data-action="collapse#toggle">
<svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-down"></use>
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-chevron-right"></use>
</svg>
</button>
</f:if>