Fixed #517 - TriStateCheckbox doesn't show correct icon when value is false when using material themes
parent
782d3f8ef6
commit
f054763c1e
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue