From caa31c477c6b3050478dfe8ea76f3e53bbbd224b Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 18 Sep 2023 10:25:42 -0400 Subject: [PATCH 1/2] CSR-1373 fix checkmark in checkbox. --- .../checkbox-question/checkbox-question.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue index e63c24523..7ddca4cd7 100644 --- a/src/digital-components/checkbox-question/checkbox-question.vue +++ b/src/digital-components/checkbox-question/checkbox-question.vue @@ -68,6 +68,10 @@ export default { &:focus { box-shadow: 0 0 0 2.5px $blue; } + &:checked[type=checkbox] { + background-color: $blue; + background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") + } } &:hover { .form-check-input { From 82edc393fb05cab5797a703b2d29a6c8acd38eec Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 18 Sep 2023 10:29:53 -0400 Subject: [PATCH 2/2] Format code. --- .../checkbox-question/checkbox-question.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue index 7ddca4cd7..50245d025 100644 --- a/src/digital-components/checkbox-question/checkbox-question.vue +++ b/src/digital-components/checkbox-question/checkbox-question.vue @@ -68,9 +68,9 @@ export default { &:focus { box-shadow: 0 0 0 2.5px $blue; } - &:checked[type=checkbox] { + &:checked[type="checkbox"] { background-color: $blue; - background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } } &:hover {