From 96e2ac88ab01ddb880db0b9d5a01f1f68c489872 Mon Sep 17 00:00:00 2001 From: Dixsie Wolmers Date: Mon, 24 Aug 2020 21:05:56 -0500 Subject: Update checkboxes to match style guide - Changes focus, checked and hover state - Changes indeterminate checkbox style Signed-off-by: Dixsie Wolmers Change-Id: Ic15a1a64d226bc160feea62ff140f38c11c4cca3 --- src/assets/styles/bmc/custom/_forms.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss index 60f4a84d..3c1d5ad0 100644 --- a/src/assets/styles/bmc/custom/_forms.scss +++ b/src/assets/styles/bmc/custom/_forms.scss @@ -76,6 +76,14 @@ line-height: $form-line-height; } +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, +.custom-control-input:checked ~ .custom-control-label::before { + background-color: $black; + border: 1px solid $white; + cursor: pointer; +} + .custom-control { .custom-control-input[disabled=disabled] { & + .custom-control-label { @@ -86,6 +94,14 @@ } } +.custom-control-input:focus ~ .custom-control-label::before{ + box-shadow: 0 0 0 2px theme-color("primary"); +} + +.custom-control-label::after { + cursor: pointer; +} + .b-form-tag-remove { // X button to remove tag font-weight: normal; -- cgit v1.2.3