From f054763c1ea2a4d1fba5bed657039a8047450efa Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Sat, 10 Oct 2020 14:38:37 +0300 Subject: [PATCH] Fixed #517 - TriStateCheckbox doesn't show correct icon when value is false when using material themes --- public/themes/md-dark-deeppurple/theme.css | 5 ++++- public/themes/md-dark-indigo/theme.css | 5 ++++- public/themes/md-light-deeppurple/theme.css | 5 ++++- public/themes/md-light-indigo/theme.css | 5 ++++- public/themes/mdc-dark-deeppurple/theme.css | 5 ++++- public/themes/mdc-dark-indigo/theme.css | 5 ++++- public/themes/mdc-light-deeppurple/theme.css | 5 ++++- public/themes/mdc-light-indigo/theme.css | 5 ++++- 8 files changed, 32 insertions(+), 8 deletions(-) diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index b6583914a..719edea2f 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -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); } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index b2cc49786..eb38b5751 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -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); } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 4714d7ec1..bf8b278ed 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -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); } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 609ac88e7..2dd2f410e 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -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); } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 45a089ab0..d4a662ce5 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -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); } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 1fcda49a5..3df7f932f 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -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); } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 479ef9136..7e517d78e 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -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); } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 6f667d6b4..ac0ef90cb 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -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); }