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

Fixed indeterminate checkboxes visual issue with minus icon

pull/310/head
cagataycivici 2020-05-02 12:51:45 +03:00
parent 3ec1a7446a
commit ec709813b0
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/checkbox/Checkbox.css
View File

@ -16,6 +16,7 @@
transition-property: transform; transition-property: transform;
} }
.p-checkbox-box.p-highlight .p-checkbox-icon { .p-checkbox-box.p-highlight .p-checkbox-icon ,
.p-checkbox-box.p-indeterminate .p-checkbox-icon {
transform: scale(1); transform: scale(1);
} }

2
src/components/tree/TreeNode.vue
View File

@ -294,7 +294,7 @@ export default {
}]; }];
}, },
checkboxClass() { checkboxClass() {
return ['p-checkbox-box', {'p-highlight': this.checked}]; return ['p-checkbox-box', {'p-highlight': this.checked, 'p-indeterminate': this.partialChecked}];
}, },
checkboxIcon() { checkboxIcon() {
return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}]; return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];

2
src/components/treetable/TreeTableRow.vue
View File

@ -233,7 +233,7 @@ export default {
return this.selectionMode === 'checkbox'; return this.selectionMode === 'checkbox';
}, },
checkboxClass() { checkboxClass() {
return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused}]; return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked}];
}, },
checkboxIcon() { checkboxIcon() {
return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}]; return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];