Use angle icon instead of caret

pull/345/head
cagataycivici 2020-05-28 12:44:22 +03:00
parent 325d81c144
commit cc845dd235
4 changed files with 5 additions and 5 deletions

View File

@ -12,7 +12,7 @@
:aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="item.disabled ? null : '0'"> :aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="item.disabled ? null : '0'">
<span :class="['p-menuitem-icon', item.icon]"></span> <span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
<span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span> <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
</a> </a>
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'" <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
@leaf-click="onLeafClick" :parentActive="item === activeItem" /> @leaf-click="onLeafClick" :parentActive="item === activeItem" />

View File

@ -215,8 +215,8 @@ export default {
}, },
getCategorySubMenuIcon() { getCategorySubMenuIcon() {
return ['p-submenu-icon pi', { return ['p-submenu-icon pi', {
'pi-caret-down': this.horizontal, 'pi-angle-down': this.horizontal,
'pi-caret-right': this.vertical 'pi-angle-right': this.vertical
}]; }];
}, },
getCategoryIcon(category) { getCategoryIcon(category) {

View File

@ -263,7 +263,7 @@ export default {
}, },
getSubmenuIcon() { getSubmenuIcon() {
return [ return [
'p-submenu-icon pi', {'pi-caret-right': !this.root, 'pi-caret-down': this.root} 'p-submenu-icon pi', {'pi-angle-right': !this.root, 'pi-angle-down': this.root}
]; ];
}, },
visible(item) { visible(item) {

View File

@ -12,7 +12,7 @@
@click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'"> @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'">
<span :class="['p-menuitem-icon', item.icon]"></span> <span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
<span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span> <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
</a> </a>
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'" <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
@leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" /> @leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />