latest commit 19-05-2025
This commit is contained in:
parent
10e026c879
commit
7289c12ac5
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
@ -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));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user