diff --git a/public/css/Tempus.css b/public/css/Tempus.css index 2430a9b53..525555282 100644 --- a/public/css/Tempus.css +++ b/public/css/Tempus.css @@ -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 */ diff --git a/public/js/components/Calendar/Tempus.js b/public/js/components/Calendar/Tempus.js index b9447ba7e..6cf7f3bbd 100644 --- a/public/js/components/Calendar/Tempus.js +++ b/public/js/components/Calendar/Tempus.js @@ -178,8 +178,6 @@ export default { "updating-event", "updated-event", "updated-event-long", - "deemphasized-event", - "deemphasized-event-long", ); }); }, diff --git a/public/js/components/Tempus/Tempus.js b/public/js/components/Tempus/Tempus.js index d339d63f2..59cd2b34f 100644 --- a/public/js/components/Tempus/Tempus.js +++ b/public/js/components/Tempus/Tempus.js @@ -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;