fix(DatasetList): ensure overlay menu can be seen for last item

Merge pull request #654 from qri-io/fix_data_table_overlay
qri-io · Oct 12, 2020 · 60766cb · 60766cb
1 parent f0cd7be
commit 60766cb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/scss/_dataset-list.scss b/app/scss/_dataset-list.scss
@@ -4,6 +4,15 @@
   z-index: 110;
   height: 100%;
 
+  // this specifically targets the ReactDataTable & the last row in the table
+  // if there are any changes in ReactDataTable, this may not work any longer
+  // allows the hamburger dropdown/overlay menu to be seen without being cut off
+  [role="rowgroup"]:last-of-type {
+    [role="row"]:last-of-type {
+      margin-bottom: 60px;
+    }
+  }
+
   header {
     display: flex;
     flex-direction: column;