only show right chevron arrow for topics menu items
MODIFY
src/components/docs/mobile-menu/menu-item.svelte
src/components/docs/mobile-menu/menu-item.svelte
export let href: string;
export let onClick;
+ export let showIcon: boolean;
</script>
<style lang="scss">
<li class="menu-item">
<a {href} class="menu-item__link" {...$$props} on:click={onClick}>
<div class="menu-item__label"><slot /></div>
+ {#if showIcon}
<div class="menu-item__icon" aria-hidden="true">
<img
class="menu-item__icon-arrow"
height="7"
/>
</div>
+ {/if}
</a>
</li>

MODIFY
src/components/docs/mobile-menu/topics.svelte
src/components/docs/mobile-menu/topics.svelte
<nav>
<ul>
{#each MENU as menuItem}
- <MenuItem href={menuItem.path} onClick={() => ($topicsState = false)}>
+ <MenuItem
+ href={menuItem.path}
+ showIcon={true}
+ onClick={() => ($topicsState = false)}
+ >
{menuItem.title}
</MenuItem>
{/each}

only show right chevron arrow for topics menu items