feat: Remove hover background effect on property list and overview de…

…tails lists
nervosnetwork · Sep 10, 2019 · 91a1c6e · 91a1c6e
1 parent d4db2ac
commit 91a1c6e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git 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
@@ -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
@@ -3,10 +3,6 @@
   padding: 5px 5px;
   font-size: 14px;
 
-  &:hover {
-    background-color: rgb(237, 235, 233);
-  }
-
   .label,
   .value {
     display: block;