This commit is contained in:
2026-09-10 19:08:38 +02:00
parent 228c06735c
commit 118eda1de0
2 changed files with 14 additions and 19 deletions
+10 -18
View File
@@ -5698,32 +5698,32 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
grid-template-columns: 0fr 1fr 0fr;
position: relative;
max-width: 100%;
animation: contentSlideIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
will-change: transform, opacity;
}
.content.slide-next {
animation: contentSlideInRight 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
animation: contentSlideInRight 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-prev {
animation: contentSlideInLeft 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
animation: contentSlideInLeft 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-out-left {
animation: contentSlideOutLeft 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important;
animation: contentSlideOutLeft 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
}
.content.slide-out-right {
animation: contentSlideOutRight 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important;
animation: contentSlideOutRight 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
}
@keyframes contentSlideIn {
0% {
opacity: 0;
transform: translateY(16px) scale(0.98);
transform: translateY(24px) scale(0.96);
}
100% {
opacity: 1;
@@ -5733,45 +5733,37 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
@keyframes contentSlideInRight {
0% {
opacity: 0;
transform: translateX(55px) scale(0.98);
transform: translateX(120px) scale(0.95);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes contentSlideInLeft {
0% {
opacity: 0;
transform: translateX(-55px) scale(0.98);
transform: translateX(-120px) scale(0.95);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes contentSlideOutLeft {
0% {
opacity: 1;
transform: translateX(0) scale(1);
}
100% {
opacity: 0;
transform: translateX(-55px) scale(0.98);
transform: translateX(-120px) scale(0.95);
}
}
@keyframes contentSlideOutRight {
0% {
opacity: 1;
transform: translateX(0) scale(1);
}
100% {
opacity: 0;
transform: translateX(55px) scale(0.98);
transform: translateX(120px) scale(0.95);
}
}
+4 -1
View File
@@ -3841,7 +3841,10 @@ window.cancelAnimFrame = (function () {
const _itemCacheKey = ajaxUrl;
const _cachedItem = !options.skipCache ? itemCacheMap.get(_itemCacheKey) : null;
if (window.randomizeLogo) window.randomizeLogo();
// Allow slide-out animation to visibly start before content swap
if (options.direction && document.querySelector('.content')) {
await new Promise(r => setTimeout(r, 180));
}
// ── CACHE HIT: render immediately, revalidate in background ────────────
if (_cachedItem) {