fix: set to disable the hover action to dat-list-header.

dat-ecosystem-archive · Dec 5, 2018 · 96f34c5 · 96f34c5
1 parent a48bc4a
commit 96f34c5
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/app/components/table-row.js b/app/components/table-row.js
@@ -12,10 +12,12 @@ import TitleField from './title-field'
 
 export const Tr = styled.tr`
   transition: background-color 0.025s ease-out;
-  &:hover,
-  &:focus {
-    background-color: var(--color-neutral-04);
-    cursor: pointer;
+  &.selectable {
+    &:hover,
+    &:focus {
+      background-color: var(--color-neutral-04);
+      cursor: pointer;
+    }
   }
   .cell-1 {
     width: 4rem;
@@ -149,7 +151,7 @@ const Row = ({
   const { title } = metadata
   const placeholderTitle = `#${key}`
   return (
-    <Tr onClick={() => inspectDat(dat.key)}>
+    <Tr onClick={() => inspectDat(dat.key)} className='selectable'>
       <td className='cell-1'>
         <div
           className='w2 center'