Message checkbox for contacts.

1 files changed, 15 insertions, 15 deletions

diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 8112308..7adbe55 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -105,23 +105,11 @@ $boxshadow-main: none;
     }
   }
 
-  &.item-container.selected, &.item-container-row.selected {
+  &.item-container.selected, &.item-container-row.selected,
+  &.item-container.active, &.item-is-selected {
     background: rgba($highlight, 0.1);
   }
 
-  .item-checkbox:checked + .item-icon {
-    background-color: $highlight;
-    border-color: $highlight;
-  }
-
-  .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon {
-    fill: $highlight;
-  }
-
-  .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
-    fill: $navigation;
-  }
-
   .selectBoxElement-container:hover {
     .item-icon {
       background-color: transparent;
@@ -139,6 +127,19 @@ $boxshadow-main: none;
   }
 }
 
+.item-checkbox:checked + .item-icon {
+  background-color: $highlight;
+  border-color: $highlight;
+}
+
+.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon {
+  fill: $highlight;
+}
+
+.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
+  fill: $navigation;
+}
+
 // Star icon
 .starbutton {
   fill: $highlight !important;
@@ -287,7 +288,6 @@ a:active, a:focus, a:hover,
 }
 
 // Badges
-
 .badgeLabel, .badgeLabel-primary {
   border-color: darken($highlight, 10%);
 }