fix(table): all data tables are less bad looking now. closes #66

After-the-End-of-All-Things · Sep 16, 2023 · f4c6c68 · f4c6c68
1 parent f2f875a
commit f4c6c68
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 15 deletions.
diff --git a/client/src/styles/datatable-overrides.scss b/client/src/styles/datatable-overrides.scss
@@ -1,5 +1,27 @@
 
 .ngx-datatable {
+
+  &, .datatable-body .datatable-body-row {
+    border: none !important;
+  }
+
+  .datatable-body, .datatable-header-cell, .datatable-body-cell {
+    background: url('../assets/bg/texture-bg.png'),
+                linear-gradient(
+                  to bottom,
+                  var(--background),
+                  var(--background)
+                ) !important;
+  }
+
+  .datatable-header {
+    height: 40px !important;
+
+    .datatable-header-cell {
+      color: #fff;
+    }
+  }
+
   .icon-col {
     .datatable-body-cell-label {
       display: flex;
@@ -10,4 +32,18 @@
   .ingredients-col {
     overflow-y: hidden;
   }
+
+
+  .text-wrap-column {
+    white-space: normal !important;
+  }
+
+  .icon-column .icon {
+    font-size: 24px;
+  }
+
+  .center-column {
+    align-items: center;
+    justify-content: center;
+  }
 }
diff --git a/client/src/styles/global-access.scss b/client/src/styles/global-access.scss
@@ -34,18 +34,3 @@
     margin-right: 5px;
   }
 }
-
-app-inventory {
-  .text-wrap-column {
-    white-space: normal !important;
-  }
-
-  .icon-column .icon {
-    font-size: 24px;
-  }
-
-  .center-column {
-    align-items: center;
-    justify-content: center;
-  }
-}