✨ feat(table.scss): Add table-container class for overflowing tables …

…with many columns
Spiderpig86 · Dec 27, 2021 · f0249ed · f0249ed
1 parent 64206ef
commit f0249ed
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 7 deletions.
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -11954,6 +11954,12 @@ ul .divider::after {
   }
 }
 /* TABLE */
+.table-container {
+  overflow: auto;
+  overflow-y: hidden;
+  max-width: 100%;
+}
+
 .table {
   margin-bottom: 1.5rem;
   width: 100%;

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -11955,6 +11955,12 @@ ul .divider::after {
   }
 }
 /* TABLE */
+.table-container {
+  overflow: auto;
+  overflow-y: hidden;
+  max-width: 100%;
+}
+
 .table {
   margin-bottom: 1.5rem;
   width: 100%;

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/components/table.scss b/src/components/table.scss
@@ -5,6 +5,12 @@ $generate-utility: should-generate-classes($TABLE);
 @if $generate-utility {
     /* TABLE */
 
+    .table-container {
+        overflow: auto;
+        overflow-y: hidden;
+        max-width: 100%;
+    }
+
     .table {
         margin-bottom: 1.5rem;
         width: 100%;

diff --git a/src/main.scss b/src/main.scss
@@ -25,11 +25,6 @@
 //         .src(['src/main.scss'])
 //         .pipe(sass.sync().on('error', function (err) {
 //             sass.logError.call(this, err);
-
-//             // Fail job if in CI
-//             if (environment.isCi) {
-//                 throw err;
-//             }
 //         }))
 //         .pipe($.concat('cirrus.css'))
 //         .pipe($.header(head))