Skip to content

Commit

Permalink
Change appearance of the slot "icon" at AppNavigationItem
Browse files Browse the repository at this point in the history
change appearance of the slot "icon": instead of removing the icon-slot from DOM the icon-slot will be hidden. This is needed to keep the focus on the element inside of slot.

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
  • Loading branch information
JuliaKirschenheuter authored and backportbot[bot] committed Feb 18, 2022
1 parent 16f955b commit 1feda49
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/AppNavigationItem/AppNavigationItem.vue
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ Just set the `pinned` prop.
<!-- never show the icon over the collapsible if mobile -->
<div :class="{ 'icon-loading-small': loading, [icon]: icon && isIconShown }"
class="app-navigation-entry-icon">
<slot v-if="!loading" v-show="isIconShown" name="icon" />
<slot v-show="!loading && isIconShown" name="icon" />
</div>
<span v-if="!editingActive" class="app-navigation-entry__title" :title="title">
{{ title }}
Expand Down

0 comments on commit 1feda49

Please sign in to comment.