feat: Remove hover background effect on property list and overview details lists

Author: ashchan

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}
         />
       ) : (

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;

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;