Fixes striping and loading state of dataset page/tables (#53)

GetDKAN · Feb 25, 2021 · 16a5919 · 16a5919
1 parent 4b5d7b0
commit 16a5919
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/templates/dataset/index.jsx b/src/templates/dataset/index.jsx
@@ -4,7 +4,7 @@ import { Link } from '@reach/router';
 import Layout from '../../components/Layout';
 import config from "../../assets/config";
 import ResourceTemplate from "../../components/Resource";
-
+import { Spinner } from 'reactstrap';
 import {
   Text,
   Organization,
@@ -27,7 +27,6 @@ const Dataset = ({id, location}) => {
     async function getItem() {
       const { data } = await axios.get(`${process.env.REACT_APP_ROOT_URL}/metastore/schemas/dataset/items/${id}?show-reference-ids`);
       setItem(data);
-      console.log("item: ", item);
     }
     if (!state || !state.dataset) {
       getItem();

diff --git a/src/theme/styles/datatable.scss b/src/theme/styles/datatable.scss
@@ -22,10 +22,10 @@ $expandSize: 7px;
   &.density-3 .dc-tbody .dc-td {
     padding: 5px 5px;
   }
-  &.-striped .dc-tr:nth-child(odd) {
+  &.-striped .dc-tr:nth-child(odd) .dc-td {
     background-color: rgba(0,0,0,.05);
   }
-  &.-highlight .dc-tbody .dc-tr:not(.-padRow):hover {
+  &.-highlight .dc-tbody .dc-tr:not(.-padRow):hover .dc-td {
     background-color: #FFFEEE;
   }
 
@@ -75,9 +75,6 @@ $expandSize: 7px;
     }
 
     &.-header {
-      .tr {
-        box-shadow: 0 2px 15px 0px rgba(0,0,0,.15);
-      }
       .th {
         overflow: hidden;
         text-align: center;