vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #2695 - Menu, Menubar, ContextMenu, TieredMenu: Extra spacing when no icon

pull/2728/head
Tuğçe Küçükoğlu 2022-06-28 17:21:35 +03:00
parent 110ae5ade5
commit 818dcea861
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/contextmenu/ContextMenuSub.vue
View File

@ -7,13 +7,13 @@
<template v-if="!template">
<router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
<a :href="href" @click="onItemClick($event, item, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
</a>
</router-link>
<a v-else :href="item.url" :class="linkClass(item)" :target="item.target" @click="onItemClick($event, item)" v-ripple
:aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="disabled(item) ? null : '0'">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
<span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
</a>

4
src/components/menu/Menuitem.vue
View File

@ -3,12 +3,12 @@
<template v-if="!template">
<router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
<a :href="href" @click="onClick($event, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label()}}</span>
</a>
</router-link>
<a v-else :href="item.url" :class="linkClass(item)" @click="onClick" :target="item.target" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label()}}</span>
</a>
</template>

4
src/components/menubar/MenubarSub.vue
View File

@ -6,13 +6,13 @@
<template v-if="!template">
<router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
<a :href="href" @click="onItemClick($event, item, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple @keydown="onItemKeyDown($event, item)" role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
</a>
</router-link>
<a v-else :href="item.url" :class="linkClass(item)" :target="item.target" :aria-haspopup="item.items != null" :aria-expanded="item === activeItem"
@click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
<span :class="getSubmenuIcon()" v-if="item.items"></span>
</a>

4
src/components/tieredmenu/TieredMenuSub.vue
View File

@ -6,13 +6,13 @@
<template v-if="!template">
<router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
<a :href="href" @click="onItemClick($event, item, navigate)" :class="linkClass(item, {isActive, isExactActive})" v-ripple @keydown="onItemKeyDown($event, item)" role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
</a>
</router-link>
<a v-else :href="item.url" :class="linkClass(item)" :target="item.target" :aria-haspopup="item.items != null" :aria-expanded="item === activeItem"
@click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
<span :class="['p-menuitem-icon', item.icon]"></span>
<span :class="['p-menuitem-icon', item.icon]" v-if="item.icon"></span>
<span class="p-menuitem-text">{{label(item)}}</span>
<span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
</a>