fix(core/reports): make reports responsive

gnucoop · May 17, 2023 · c96d3d5 · c96d3d5
1 parent ec3f0a6
commit c96d3d5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/projects/core/table/src/table.scss b/projects/core/table/src/table.scss
@@ -0,0 +1,9 @@
+ajf-table {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+}
+
+ajf-table table {
+  min-width: 100%;
+}
diff --git a/projects/ionic/reports/src/column-widget.scss b/projects/ionic/reports/src/column-widget.scss
@@ -1,3 +1,3 @@
 .ajf-column-container {
-  flex: 1 1 auto;
+  width: 100%;
 }
diff --git a/projects/material/reports/src/column-widget.scss b/projects/material/reports/src/column-widget.scss
@@ -1,3 +1,3 @@
 .ajf-column-container {
-  flex: 1 1 auto;
+  width: 100%;
 }
diff --git a/projects/material/reports/src/paginated-table-widget.scss b/projects/material/reports/src/paginated-table-widget.scss
@@ -7,8 +7,9 @@ table {
 
 .ajf-paginated-table {
   width: 100%;
+  overflow-x: auto;
   table {
-    width: 100%;
+    min-width: 100%;
   }
 }
 
@@ -22,7 +23,7 @@ table {
     font-size: 0.9em;
   }
   .mat-mdc-select {
-    width: 50px;
+    width: 70px;
     font-size: 0.9em;
   }
 }