changed reloading to ajax content replace

This commit is contained in:
prospect
2024-01-19 02:13:37 -05:00
parent 391c87f83f
commit 4a395f32c5
5 changed files with 231 additions and 162 deletions

View File

@@ -913,6 +913,10 @@ select {
--tw-backdrop-sepia: ;
}
.visible {
visibility: visible;
}
.fixed {
position: fixed;
}
@@ -1602,6 +1606,14 @@ select {
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
@@ -2006,7 +2018,16 @@ body.login {
}
#content-container {
transition: opacity 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out; /* Adjust the duration and timing function as needed */
}
.active #content-container {
opacity: 0; /* Initial opacity when collapsing */
transition: opacity 0.3s ease-in-out; /* Adjust the duration and timing function as needed */
}
.active #content-container.visible {
opacity: 1; /* Opacity when expanding */
}
#footer-nav.out-of-view {