From 03eb179298d32172b412c2959bf0390cf62f2b3d Mon Sep 17 00:00:00 2001 From: George Date: Fri, 18 Aug 2023 11:51:46 +0300 Subject: [PATCH] Fix checkboxes jumping up and theming. --- src/assets/styles/common-checkbox.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/assets/styles/common-checkbox.scss b/src/assets/styles/common-checkbox.scss index 69f9fc0..5c45ae0 100644 --- a/src/assets/styles/common-checkbox.scss +++ b/src/assets/styles/common-checkbox.scss @@ -16,6 +16,17 @@ $ripple-size: 26px; --mdc-checkbox-unselected-focus-icon-color: var(--iqser-grey-5); --mdc-checkbox-disabled-selected-icon-color: var(--iqser-primary); --mdc-checkbox-disabled-unselected-icon-color: var(--iqser-grey-5); + --mdc-checkbox-selected-focus-icon-color: var(--iqser-primary); + --mdc-checkbox-selected-hover-icon-color: var(--iqser-primary); + --mdc-checkbox-selected-icon-color: var(--iqser-primary); + --mdc-checkbox-selected-pressed-icon-color: var(--iqser-primary); + --mdc-checkbox-selected-focus-state-layer-color: var(--iqser-primary); + --mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary); + --mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary); + + input[type='checkbox'] { + margin-top: calc($checkbox-size * -1.5); + } .mdc-form-field > label { padding-left: 8px;