style: Add color on row when is selected or hover 🎨

cozy · May 11, 2017 · 25d6bc6 · 25d6bc6
1 parent 167ff3b
commit 25d6bc6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/File.jsx b/src/components/File.jsx
@@ -62,6 +62,7 @@ class File extends Component {
         style={style}
         className={classNames(
           styles['fil-content-row'],
+          selected ? styles['fil-content-row-selected'] : '',
           { [styles['fil-content-row--selectable']]: selectionModeActive }
         )}
         {...rowListeners}

diff --git a/src/styles/table.styl b/src/styles/table.styl
@@ -35,8 +35,13 @@
     max-width       'calc(100vw - %s)' % em(220px)
     border-bottom   1px solid grey-09
 
-    .fil-content-body &:hover
+    &:hover
         background-color grey-10
+    &.fil-content-head:hover
+        background-color white
+
+.fil-content-row-selected
+    background-color rgba(24, 122, 255, 0.1)
 
 .fil-content-cell.fil-content-file
     color grey-08