From 8bd052f3a8a965ba2ff01cfc89ba5968fa09e06b Mon Sep 17 00:00:00 2001
From: Rene Saarsoo <nene@triin.net>
Date: Thu, 1 Oct 2020 23:47:18 +0300
Subject: [PATCH] Animate transitions

---
 src/components/WorkoutPlot.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/WorkoutPlot.tsx b/src/components/WorkoutPlot.tsx
index 2e5575d..eb1d7e0 100644
--- a/src/components/WorkoutPlot.tsx
+++ b/src/components/WorkoutPlot.tsx
@@ -16,6 +16,7 @@ const Bar = styled.div<BarProps>`
   padding-bottom: ${(props) => props.height};
   background: ${(props) => props.background};
   width: ${(props) => props.width};
+  transition: width 0.1s, padding-bottom 0.1s, background-color 0.1s;
 `;
 
 const zoneColor = (intensity: Intensity | IntensityRange | FreeIntensity): string => {