stock module - 26-03-2025

app/Views/stock/CoatingMachineDetail.php

@@ -232,8 +232,28 @@
     }
 
     .table-responsive {
+        overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
+        max-width: 100%;
+        position: relative;
+    }
+
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
     }
 
     .fht-table thead th {

app/Views/stock/bagStockDetails.php

@@ -226,10 +226,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px; /* Adjust as needed */
+        max-height: 500px;
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td{
         min-width:  100px;
         max-width:  100px;

app/Views/stock/dieselStockDetails.php

@@ -224,10 +224,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px; /* Adjust as needed */
+        max-height: 500px;
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td{
         min-width:  100px;
         max-width:  100px;

app/Views/stock/drierMachineDetails.php

@@ -235,8 +235,28 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
     }
 
     .table-responsive {
+        overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
+        max-width: 100%;
+        position: relative;
+    }
+
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
     }
 
     .fht-table thead th {

app/Views/stock/dustAndRoughStockDetails.php

@@ -233,11 +233,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
-        /* Adjust as needed */
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td {
         min-width: 100px;
         max-width: 100px;

app/Views/stock/gasStockDetails.php

@@ -215,10 +215,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px; /* Adjust as needed */
+        max-height: 500px;
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td{
         min-width:  100px;
         max-width:  100px;

app/Views/stock/incomingSilicaSandDetails.php

@@ -221,8 +221,28 @@
     }
 
     .table-responsive {
+        overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
+        max-width: 100%;
+        position: relative;
+    }
+
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
     }
 
     .fht-table thead th {

app/Views/stock/resinStockDetails.php

@@ -233,11 +233,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
-        /* Adjust as needed */
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td {
         min-width: 100px;
         max-width: 100px;

app/Views/stock/trpProductionStockDetails.php

@@ -226,10 +226,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px; /* Adjust as needed */
+        max-height: 500px;
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td{
         min-width:  100px;
         max-width:  100px;

app/Views/stock/trpSandUseStockDetails.php

@@ -220,11 +220,28 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 700px;
+        max-height: 500px;
-        /* Adjust as needed */
+        max-width: 100%;
         position: relative;
     }
 
+    /* Adjust heights based on screen zoom */
+    @media only screen and  (min-height: 1400px) { /* Approximate Zoom < 100% */
+        .table-responsive { max-height: 425px; }
+    }
+
+    @media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
+        .table-responsive { max-height: 500px; }
+    }
+
+    @media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
+        .table-responsive { max-height: 600px; }
+    }
+
+    @media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
+        .table-responsive { max-height: 650px; }
+    }
+
     td {
         min-width: 150px;
         max-width: 150px;