yes i need i need my samurai

This commit is contained in:
2026-09-11 16:19:52 +02:00
parent d0bae284ec
commit 925913188f
3 changed files with 120 additions and 35 deletions
+48 -12
View File
@@ -5727,27 +5727,27 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
}
.content.slide-next {
animation: contentSlideInRight 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
animation: contentSlideInRight 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-prev {
animation: contentSlideInLeft 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
animation: contentSlideInLeft 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-out-left {
animation: contentSlideOutLeft 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
animation: contentSlideOutLeft 0.22s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
}
.content.slide-out-right {
animation: contentSlideOutRight 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
animation: contentSlideOutRight 0.22s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
}
@keyframes contentSlideIn {
0% {
opacity: 0;
transform: translateY(24px) scale(0.96);
transform: translateY(20px) scale(0.97);
}
100% {
opacity: 1;
@@ -5757,37 +5757,45 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
@keyframes contentSlideInRight {
0% {
transform: translateX(120px) scale(0.95);
opacity: 0;
transform: translateX(70px) scale(0.97);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes contentSlideInLeft {
0% {
transform: translateX(-120px) scale(0.95);
opacity: 0;
transform: translateX(-70px) scale(0.97);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
@keyframes contentSlideOutLeft {
0% {
opacity: 1;
transform: translateX(0) scale(1);
}
100% {
transform: translateX(-120px) scale(0.95);
opacity: 0;
transform: translateX(-70px) scale(0.97);
}
}
@keyframes contentSlideOutRight {
0% {
opacity: 1;
transform: translateX(0) scale(1);
}
100% {
transform: translateX(120px) scale(0.95);
opacity: 0;
transform: translateX(70px) scale(0.97);
}
}
@@ -18834,13 +18842,30 @@ body.onara-modal-open #sidebar-drag-zone {
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain !important;
box-sizing: border-box !important;
animation: onaraFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
transition: right 0.3s ease-in-out !important;
opacity: 0;
transform: scale(0.99);
transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
right 0.3s ease-in-out !important;
cursor: default;
}
body.onara-modal-open .onara-modal-wrapper {
body.onara-modal-open .onara-modal-wrapper,
.onara-modal-wrapper.onara-fade-in {
display: flex !important;
opacity: 1 !important;
transform: scale(1) !important;
pointer-events: auto !important;
}
.onara-modal-wrapper.onara-fade-out {
display: flex !important;
opacity: 0 !important;
transform: scale(0.99) !important;
pointer-events: none !important;
transition: opacity 0.24s cubic-bezier(0.3, 0, 0.8, 1),
transform 0.24s cubic-bezier(0.3, 0, 0.8, 1),
right 0.3s ease-in-out !important;
}
/* Sidebar hidden: modal expands to right edge */
@@ -18876,6 +18901,17 @@ body.sidebar-right-hidden .onara-modal-wrapper {
}
}
@keyframes onaraFadeOut {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.99);
}
}
.onara-backdrop {
position: absolute !important;
top: 0 !important;