EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use proper icons in mobile navigation

Browse Source
This commit is contained in:
Björn Fromme
2022-03-09 14:06:36 +01:00
parent c30d707d80
commit 1b74bb1087
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+9 -2
View File
@@ -50,7 +50,14 @@
{topitem.title} {topitem.title}
</span> </span>
<svg class="h-6 w-6 transform text-white" data-collapse-target="icon"> <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> </svg>
</a> </a>
<f:if condition="{topitem.active}"> <f:if condition="{topitem.active}">
@@ -129,7 +136,7 @@
class="focus:outline-none" class="focus:outline-none"
data-action="collapse#toggle"> data-action="collapse#toggle">
<svg class="h-6 w-6 transform text-white" data-collapse-target="icon"> <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> </svg>
</button> </button>
</f:if> </f:if>