Fixed #517 - TriStateCheckbox doesn't show correct icon when value is false when using material themes

pull/548/head
Cagatay Civici 2020-10-10 14:38:37 +03:00
parent 782d3f8ef6
commit f054763c1e
8 changed files with 32 additions and 8 deletions

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #CE93D8;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #9FA8DA;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #673AB7;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
}

View File

@ -4656,7 +4656,7 @@
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
border-color: #3F51B5;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before {
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
content: "";
position: absolute;
top: 6px;
@ -4667,6 +4667,9 @@
transform-origin: 0% 100%;
animation: checkbox-check 125ms 50ms linear forwards;
}
.p-checkbox .p-checkbox-box .pi-times {
font-size: 12px;
}
.p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
}