From 91a1c6e76f1f7d71e4374e9375b4d9bfbb08a49f Mon Sep 17 00:00:00 2001
From: James Chen <james@ashchan.com>
Date: Tue, 10 Sep 2019 14:29:56 +0900
Subject: [PATCH] feat: Remove hover background effect on property list and
 overview details lists

---
 packages/neuron-ui/src/components/Overview/index.tsx      | 2 ++
 packages/neuron-ui/src/styles/index.scss                  | 8 ++++++++
 .../src/widgets/PropertyList/PropertyList.module.scss     | 4 ----
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/neuron-ui/src/components/Overview/index.tsx b/packages/neuron-ui/src/components/Overview/index.tsx
index 0fff40fbcf..7bab7bd724 100644
--- a/packages/neuron-ui/src/components/Overview/index.tsx
+++ b/packages/neuron-ui/src/components/Overview/index.tsx
@@ -127,6 +127,7 @@ const ActivityList = ({
       onItemInvoked={item => {
         showTransactionDetails(item.hash)
       }}
+      className="listNoHover"
       styles={{
         root: {
           backgroundColor: 'transparent',
@@ -326,6 +327,7 @@ const Overview = ({
           items={activityItems}
           onRenderRow={onTransactionRowRender}
           onGoToHistory={onGoToHistory}
+          className="listNoHover"
           t={t}
         />
       ) : (
diff --git a/packages/neuron-ui/src/styles/index.scss b/packages/neuron-ui/src/styles/index.scss
index b05dd6da49..8fb08a76fb 100755
--- a/packages/neuron-ui/src/styles/index.scss
+++ b/packages/neuron-ui/src/styles/index.scss
@@ -53,6 +53,14 @@ navbar {
   font-family: monospace;
 }
 
+.listNoHover {
+  .ms-DetailsRow {
+    &:hover {
+      background-color: inherit;
+    }
+  }
+}
+
 .listWithDesc {
   .ms-DetailsRow-cell {
     display: flex;
diff --git a/packages/neuron-ui/src/widgets/PropertyList/PropertyList.module.scss b/packages/neuron-ui/src/widgets/PropertyList/PropertyList.module.scss
index ce669d6e48..24b6af3786 100644
--- a/packages/neuron-ui/src/widgets/PropertyList/PropertyList.module.scss
+++ b/packages/neuron-ui/src/widgets/PropertyList/PropertyList.module.scss
@@ -3,10 +3,6 @@
   padding: 5px 5px;
   font-size: 14px;
 
-  &:hover {
-    background-color: rgb(237, 235, 233);
-  }
-
   .label,
   .value {
     display: block;