From 96fa620c4c5e7ffae1edb0ccbb969f31271814aa Mon Sep 17 00:00:00 2001 From: Urban Rotnik Date: Tue, 26 Mar 2019 12:33:34 +0100 Subject: [PATCH] Add fontawesome checkmark before dropdown item SCI-3209 --- .../stylesheets/select2_customizations.scss | 17 +++++++---------- app/javascript/packs/fontawesome.scss | 1 + 2 files changed, 8 insertions(+), 10 deletions(-) diff --git a/app/assets/stylesheets/select2_customizations.scss b/app/assets/stylesheets/select2_customizations.scss index 1fef68d1d..8e4f31d68 100644 --- a/app/assets/stylesheets/select2_customizations.scss +++ b/app/assets/stylesheets/select2_customizations.scss @@ -56,17 +56,13 @@ position: relative; &::before { - background: $color-white; - border: 1px solid $color-emperor; - border-radius: 6px; - content: ""; - height: 12px; - left: 0; - margin: 9px; position: absolute; top: 0; - transition: .3s; - width: 12px; + left: 0; + margin: 7px 0px 0px 12px; + font-family: "Font Awesome 5 Free"; + content: "\f0c8"; + font-weight: 400; } &.select2-results__option--highlighted { @@ -78,7 +74,8 @@ background: $color-concrete; &::before { - background: $color-emperor; + content: "\f14a"; + font-weight: 400; } } diff --git a/app/javascript/packs/fontawesome.scss b/app/javascript/packs/fontawesome.scss index 53e120c88..75698eb85 100644 --- a/app/javascript/packs/fontawesome.scss +++ b/app/javascript/packs/fontawesome.scss @@ -2,3 +2,4 @@ @import "~@fortawesome/fontawesome-free/scss/fontawesome"; @import "~@fortawesome/fontawesome-free/scss/solid"; +@import "~@fortawesome/fontawesome-free/scss/regular";