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

Rename toggle

pull/5677/head
Cagatay Civici 2024-04-26 12:48:40 +03:00
parent fa07db180c
commit 7c8b97c627
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/lib/themes/primeone/base/tree/index.js
View File

@ -49,7 +49,7 @@ export default {
color: ${dt('highlight.color')}; color: ${dt('highlight.color')};
} }
.p-tree-node-toggle-button { .p-tree-node-toggle {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
display: inline-flex; display: inline-flex;
@ -70,17 +70,17 @@ export default {
padding: 0; padding: 0;
} }
.p-tree-node-toggle-button:enabled:hover { .p-tree-node-toggle:enabled:hover {
background: ${dt('tree.toggle.hover.background')}; background: ${dt('tree.toggle.hover.background')};
color: ${dt('tree.toggle.hover.color')}; color: ${dt('tree.toggle.hover.color')};
} }
.p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button, .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle,
.p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button-icon { .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-icon {
color: inherit; color: inherit;
} }
.p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button:hover { .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle:hover {
background: ${dt('tree.toggle.highlight.hover.background')}; background: ${dt('tree.toggle.highlight.hover.background')};
} }
@ -89,7 +89,7 @@ export default {
color: ${dt('tree.node.hover.color')}; color: ${dt('tree.node.hover.color')};
} }
.p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover .p-tree-node-toggle-button { .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover .p-tree-node-toggle {
color: ${dt('tree.toggle.hover.color')}; color: ${dt('tree.toggle.hover.color')};
} }
@ -113,7 +113,7 @@ export default {
user-select: none; user-select: none;
} }
.p-tree-node-leaf > .p-tree-node-content .p-tree-node-toggle-button { .p-tree-node-leaf > .p-tree-node-content .p-tree-node-toggle {
visibility: hidden; visibility: hidden;
} }

4
components/lib/tree/style/TreeStyle.js
View File

@ -25,8 +25,8 @@ const classes = {
'p-tree-node-selected': instance.checkboxMode && instance.$parentInstance.highlightOnSelect ? instance.checked : instance.selected 'p-tree-node-selected': instance.checkboxMode && instance.$parentInstance.highlightOnSelect ? instance.checked : instance.selected
} }
], ],
toggler: 'p-tree-node-toggle-button', toggler: 'p-tree-node-toggle',
togglerIcon: 'p-tree-node-toggle-button-icon', togglerIcon: 'p-tree-node-toggle-icon',
nodeTogglerIcon: 'p-tree-node-toggler-icon', //todo: discuss nodeTogglerIcon: 'p-tree-node-toggler-icon', //todo: discuss
nodeCheckbox: 'p-tree-node-checkbox', nodeCheckbox: 'p-tree-node-checkbox',
nodeIcon: 'p-tree-node-icon', nodeIcon: 'p-tree-node-icon',