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

Update styles

pull/5677/head
Cagatay Civici 2024-04-29 11:26:15 +03:00
parent c58ab037f7
commit cfda59b1fe
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/datatable/style/DataTableStyle.js
View File

@ -58,7 +58,7 @@ const classes = {
} }
], ],
filterInput: 'p-datatable-filter-element-container', filterInput: 'p-datatable-filter-element-container',
filterMenuButton: 'p-datatable-column-filter-dropdown', filterMenuButton: 'p-datatable-column-filter-button',
headerFilterClearButton: 'p-datatable-column-filter-clear-button', headerFilterClearButton: 'p-datatable-column-filter-clear-button',
filterOverlay: ({ instance, props }) => [ filterOverlay: ({ instance, props }) => [
'p-datatable-filter-overlay p-component', 'p-datatable-filter-overlay p-component',

12
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 { .p-tree-node-toggle-button {
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:enabled:hover { .p-tree-node-toggle-button: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, .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-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:hover { .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button: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 { .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover .p-tree-node-toggle-button {
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 { .p-tree-node-leaf > .p-tree-node-content .p-tree-node-toggle-button {
visibility: hidden; visibility: hidden;
} }

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

@ -25,7 +25,7 @@ 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', toggler: 'p-tree-node-toggle-button',
togglerIcon: 'p-tree-node-toggle-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',