footer-style

Author: RafaelGB

src/__tests__/serviceBase.test.ts

@@ -17,8 +17,7 @@ class DataviewProxy {
             throw new Error('Dataview plugin is not installed');
         }
         if (!this.indexIsLoaded) {
-            new Notice(`Dataview plugin is not loaded yet. Please wait a few seconds and try again.`);
-            throw new Error("Dataview index is not loaded");
+            new Notice(`Dataview plugin is not loaded yet. Please wait a few seconds and refresh the page.`);
         }
 
         return getAPI(app);

src/services/BaseService.ts

@@ -94,6 +94,18 @@ div.database-plugin__td.data-input:hover {
   box-shadow: 0 0 1px 2px var(--text-accent-hover);
 }
 
+/******************************************************
+*                   Table Structure
+ ******************************************************/
+/*** FOOTER ***/
+.database-plugin__tfoot {
+  display: table-footer-group;
+}
+
+.database-plugin__footer {
+  border: 2px solid var(--background-modifier-accent);
+  border-radius: 5px;
+}
 /******************************************************
  *                  Inputs of cells
  ******************************************************/
@@ -344,6 +356,7 @@ div.database-plugin__checkbox {
   cursor: pointer;
   background-color: var(--background-primary);
   display: table-cell;
+  z-index: 1;
 }
 
 .database-plugin__th:hover {
@@ -449,10 +462,6 @@ div.database-plugin__checkbox {
   display: table-row-group;
 }
 
-.database-plugin__tfoot {
-  display: table-footer-group;
-}
-
 .database-plugin__header-group,
 .database-plugin__header {
   justify-content: flex-start;