From e1af7c3a337cee2f4aaa95725d3154c6d7fe791a Mon Sep 17 00:00:00 2001
From: joey <joeyhuang921@outlook.com>
Date: Mon, 9 Mar 2020 12:35:51 -0400
Subject: [PATCH] added highlight

---
 src/css/popup.css | 4 ++++
 src/js/popup.js   | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index 34e2fb6..fdb0e6f 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -668,6 +668,10 @@ span ~ .panel-header-text {
   fill: #0094fb;
 }
 
+.highlight {
+  background-color: #eb6c2d;
+}
+
 /* Panel Footer */
 .panel-footer {
   align-items: center;
diff --git a/src/js/popup.js b/src/js/popup.js
index b6cde26..9c148c0 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -644,6 +644,7 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
       function next() {
         const nextElement = selectables[index + 1];
         if (nextElement) {
+          console.log(nextElement);
           nextElement.focus();
         }
       }
@@ -1075,13 +1076,19 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
             end = tmp;
           }
 
+          const panels = document.querySelectorAll(".unstriped .container-panel-row .userContext-wrapper");
+          console.log(panels);
+
+
           if (index === -1) {
             for (let i = start; i <= end; i++) {
               Logic.addSelectedIdentity(identities[i]);
+              panels[i].classList.add("highlight");
             }
           } else {
             for (let i = start; i <= end; i++) {
               Logic.removeSelectedIdentity(identities[i]);
+              panels[i].classList.remove("highlight");
             }
           }