From 241e7d0c293dc5f6339e0fe1ddae289defaa9c3b Mon Sep 17 00:00:00 2001
From: Sanju <sanjusdhr@gmail.com>
Date: Wed, 19 Jan 2022 11:26:52 +0530
Subject: [PATCH] Enhancement: Add background color to draggable blocks in the
 sidebar (#3778)

* add background

* update background color in contact info

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
---
 .../dashboard/contacts/components/ContactInfoPanel.vue      | 6 ++++++
 .../routes/dashboard/conversation/ContactPanel.vue          | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/app/javascript/dashboard/routes/dashboard/contacts/components/ContactInfoPanel.vue b/app/javascript/dashboard/routes/dashboard/contacts/components/ContactInfoPanel.vue
index 7f3c449a8..985179d83 100644
--- a/app/javascript/dashboard/routes/dashboard/contacts/components/ContactInfoPanel.vue
+++ b/app/javascript/dashboard/routes/dashboard/contacts/components/ContactInfoPanel.vue
@@ -159,6 +159,12 @@ export default {
   border-right: 1px solid var(--color-border);
 }
 
+.list-group {
+  .list-group-item {
+    background-color: var(--white);
+  }
+}
+
 .close-button {
   position: absolute;
   right: var(--space-normal);
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue b/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
index e5510fd99..294f2b6ba 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
@@ -236,6 +236,12 @@ export default {
   }
 }
 
+.list-group {
+  .list-group-item {
+    background-color: var(--white);
+  }
+}
+
 ::v-deep {
   .contact--profile {
     padding-bottom: var(--space-slab);