Updated toggle icons
parent
ce1594986c
commit
da80e5250a
|
@ -72,7 +72,7 @@ export default {
|
||||||
},
|
},
|
||||||
getSubmenuIcon(item) {
|
getSubmenuIcon(item) {
|
||||||
const active = this.isActive(item);
|
const active = this.isActive(item);
|
||||||
return ['p-panelmenu-icon pi pi-fw', {'pi-caret-right': !active, 'pi-caret-down': active}];
|
return ['p-panelmenu-icon pi pi-fw', {'pi-angle-right': !active, 'pi-angle-down': active}];
|
||||||
},
|
},
|
||||||
visible(item) {
|
visible(item) {
|
||||||
return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
|
return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
|
||||||
|
|
|
@ -289,8 +289,8 @@ export default {
|
||||||
},
|
},
|
||||||
toggleIcon() {
|
toggleIcon() {
|
||||||
return ['p-tree-toggler-icon pi pi-fw', {
|
return ['p-tree-toggler-icon pi pi-fw', {
|
||||||
'pi-caret-down': this.expanded,
|
'pi-angle-down': this.expanded,
|
||||||
'pi-caret-right': !this.expanded
|
'pi-angle-right': !this.expanded
|
||||||
}];
|
}];
|
||||||
},
|
},
|
||||||
checkboxClass() {
|
checkboxClass() {
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<slot name="paginatorRight"></slot>
|
<slot name="paginatorRight"></slot>
|
||||||
</template>
|
</template>
|
||||||
</TTPaginator>
|
</TTPaginator>
|
||||||
<div class="p-treetable-tablewrapper">
|
<div class="p-treetable-wrapper">
|
||||||
<table ref="table">
|
<table ref="table">
|
||||||
<thead class="p-treetable-thead">
|
<thead class="p-treetable-thead">
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -921,7 +921,7 @@ export default {
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-hoverable-rows .p-treetable-row {
|
.p-treetable-hoverable-rows .p-treetable-tbody > tr {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<TTColumnSlot :node="node" :column="col" type="body" v-if="col.$scopedSlots.body" />
|
<TTColumnSlot :node="node" :column="col" type="body" v-if="col.$scopedSlots.body" />
|
||||||
<template v-else>{{resolveFieldData(node.data, col.field)}}</template>
|
<template>{{resolveFieldData(node.data, col.field)}}</template>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
|
@ -218,7 +218,7 @@ export default {
|
||||||
return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
|
return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
|
||||||
},
|
},
|
||||||
togglerIcon() {
|
togglerIcon() {
|
||||||
return ['p-treetable-toggler-icon pi', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
|
return ['p-treetable-toggler-icon pi', {'pi-angle-right': !this.expanded, 'pi-angle-down': this.expanded}];
|
||||||
},
|
},
|
||||||
togglerStyle() {
|
togglerStyle() {
|
||||||
return {
|
return {
|
||||||
|
|
Loading…
Reference in New Issue