UX: fix horizontal group nav on mobile (#31259)

This fixes the "all groups" link on mobile, follow-up to 50136ee

Before 


![image](https://github.com/user-attachments/assets/c6044ee6-3740-47a7-a006-239980bd7605)


After


![image](https://github.com/user-attachments/assets/9d090046-3131-4a9b-a21c-06c6a47c322b)
This commit is contained in:
Kris 2025-02-10 11:43:00 -05:00 committed by GitHub
parent e433be9f61
commit 1d8cdfd5e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -11,17 +11,20 @@ export default class GroupNavigation extends Component {
@service site;
<template>
{{#if this.site.mobileView}}
<LinkTo @route="groups.index">
{{i18n "groups.index.all"}}
</LinkTo>
{{else}}
{{#if this.site.desktopView}}
<GroupDropdown
@groups={{@group.extras.visible_group_names}}
@value={{@group.name}}
/>
{{/if}}
<HorizontalOverflowNav class="group-nav">
{{#if this.site.mobileView}}
<li>
<LinkTo @route="groups.index">
{{i18n "groups.index.all"}}
</LinkTo>
</li>
{{/if}}
{{#each @tabs as |tab|}}
<li>
<LinkTo