yes i need i need my samurai
This commit is contained in:
+48
-12
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user