mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-11 20:12:16 +00:00
add removal of deemphasized kalendar event animation
This commit is contained in:
@@ -233,31 +233,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.deemphasized-event {
|
||||
animation: deEmphasize 1s ease-out;
|
||||
}
|
||||
|
||||
.deemphasized-event-long {
|
||||
animation: deEmphasize 1.8s ease-out;
|
||||
}
|
||||
|
||||
@keyframes deEmphasize {
|
||||
0% {
|
||||
opacity: 1;
|
||||
filter: saturate(1) brightness(1);
|
||||
}
|
||||
|
||||
30% {
|
||||
opacity: 0.55;
|
||||
filter: saturate(0.4) brightness(0.4);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
filter: saturate(1) brightness(1);
|
||||
}
|
||||
}
|
||||
|
||||
.spinner-overlay {
|
||||
position: absolute;
|
||||
inset: 0; /* top:0 right:0 bottom:0 left:0 */
|
||||
|
||||
@@ -178,8 +178,6 @@ export default {
|
||||
"updating-event",
|
||||
"updated-event",
|
||||
"updated-event-long",
|
||||
"deemphasized-event",
|
||||
"deemphasized-event-long",
|
||||
);
|
||||
});
|
||||
},
|
||||
|
||||
@@ -1028,24 +1028,11 @@ export default {
|
||||
let emphasizeUpdateClassName = isInsideScrolledView
|
||||
? "updated-event"
|
||||
: "updated-event-long";
|
||||
let deemphasizedUpdateClassName = isInsideScrolledView
|
||||
? "deemphasized-event"
|
||||
: "deemphasized-event-long";
|
||||
|
||||
if (!isInsideScrolledView) timeout = 300;
|
||||
|
||||
setTimeout(() => {
|
||||
eventEl.classList.add(emphasizeUpdateClassName);
|
||||
|
||||
document
|
||||
.querySelectorAll(
|
||||
".fhc-calendar-base-grid .fhc-calendar-base-grid-line-event",
|
||||
)
|
||||
.forEach((el) => {
|
||||
if (el !== eventEl) {
|
||||
el.classList.add(deemphasizedUpdateClassName);
|
||||
}
|
||||
});
|
||||
}, timeout);
|
||||
|
||||
this.currentlyUpdatedEvent = null;
|
||||
|
||||
Reference in New Issue
Block a user