latest commit 19-05-2025

This commit is contained in:
vadivelJ96 2025-05-20 09:39:47 +05:30
parent 10e026c879
commit 7289c12ac5
11 changed files with 280 additions and 101 deletions

View File

@ -241,41 +241,38 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
/* Adjust heights based on screen zoom */
@media only screen and (min-height: 1400px) {
/* Approximate Zoom < 100% */
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 425px;
max-height: 50vh;
}
}
@media only screen and (min-height: 1200px) {
/* Approximate Zoom ~ 90% */
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 500px;
max-height: 60vh;
}
}
@media only screen and (min-height: 1000px) {
/* Approximate Zoom ~ 80% */
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 600px;
max-height: 65vh;
}
}
@media only screen and (min-height: 800px) {
/* Approximate Zoom ~ 75% */
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 650px;
max-height: 75vh;
}
}
@ -1930,7 +1927,7 @@ $(document).ready(function() {
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -238,7 +238,7 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 450px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -277,6 +277,37 @@
display: none;
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
</style>
@ -1494,7 +1525,7 @@ foreach ($period as $day) {
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -236,7 +236,7 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 450px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -268,6 +268,36 @@
display: none;
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
</style>
@ -1974,7 +2004,7 @@ foreach ($period as $day) {
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -244,7 +244,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -272,6 +272,45 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
.card {
margin-bottom: 5px;
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
</style>
<div class="content-page">
<div class="content">
@ -1653,7 +1692,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -237,41 +237,38 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
/* Adjust heights based on screen zoom */
@media only screen and (min-height: 1400px) {
/* Approximate Zoom < 100% */
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 425px;
max-height: 60vh;
}
}
@media only screen and (min-height: 1200px) {
/* Approximate Zoom ~ 90% */
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 500px;
max-height: 65vh;
}
}
@media only screen and (min-height: 1000px) {
/* Approximate Zoom ~ 80% */
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 600px;
}
}
@media only screen and (min-height: 800px) {
/* Approximate Zoom ~ 75% */
.table-responsive {
max-height: 650px;
max-height: 75vh;
}
}
@ -1039,7 +1036,7 @@
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -222,7 +222,7 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 450px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -1456,7 +1456,7 @@
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -222,11 +222,40 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 450px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
.fht-table thead th {
@ -2028,7 +2057,7 @@
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -232,7 +232,7 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 450px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -271,6 +271,39 @@
display: none;
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
</style>
@ -1844,7 +1877,7 @@ foreach ($period as $day) {
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -237,7 +237,7 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 580px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
@ -272,6 +272,35 @@
}
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 50vh;
}
}
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 60vh;
}
}
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 65vh;
}
}
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 75vh;
}
}
</style>
@ -1469,7 +1498,7 @@ foreach ($period as $day) {
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -235,41 +235,38 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
/* Adjust heights based on screen zoom */
@media only screen and (min-height: 1400px) {
/* Approximate Zoom < 100% */
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 425px;
max-height: 50vh;
}
}
@media only screen and (min-height: 1200px) {
/* Approximate Zoom ~ 90% */
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 500px;
max-height: 60vh;
}
}
@media only screen and (min-height: 1000px) {
/* Approximate Zoom ~ 80% */
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 600px;
max-height: 65vh;
}
}
@media only screen and (min-height: 800px) {
/* Approximate Zoom ~ 75% */
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 650px;
max-height: 75vh;
}
}
@ -2723,7 +2720,7 @@ $timeOtions[] = "12:00 AM";
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));

View File

@ -222,41 +222,38 @@
.table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
max-width: 100%;
position: relative;
}
/* Adjust heights based on screen zoom */
@media only screen and (min-height: 1400px) {
/* Approximate Zoom < 100% */
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
.table-responsive {
max-height: 425px;
max-height: 50vh;
}
}
@media only screen and (min-height: 1200px) {
/* Approximate Zoom ~ 90% */
/* Medium devices (tablets, ≥ 576px and < 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.table-responsive {
max-height: 500px;
max-height: 60vh;
}
}
@media only screen and (min-height: 1000px) {
/* Approximate Zoom ~ 80% */
/* Large devices (desktops, ≥ 768px and < 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.table-responsive {
max-height: 600px;
max-height: 65vh;
}
}
@media only screen and (min-height: 800px) {
/* Approximate Zoom ~ 75% */
/* Extra large devices (large desktops, ≥ 992px) */
@media (min-width: 992px) {
.table-responsive {
max-height: 650px;
max-height: 75vh;
}
}
@ -1086,7 +1083,7 @@
// Reset .table-responsive height when exiting fullscreen
// If .table-responsive exists, set its height to 90vh
if (tableResponsive) {
tableResponsive.style.maxHeight = "450px";
tableResponsive.style.maxHeight = "70vh";
tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
}
}).catch(err => console.log("Error exiting fullscreen:", err));