From ef4c0908341de4df2d2ad010b6c1ad4cb54d8014 Mon Sep 17 00:00:00 2001
From: GuillaumeSD <gsd.lfny@gmail.com>
Date: Sat, 9 Mar 2024 02:49:09 +0100
Subject: [PATCH] style : UI small improvements

---
 src/lib/engine/uciEngine.ts                    |  2 +-
 src/sections/analysis/board/evaluationBar.tsx  | 10 ++++++++--
 src/sections/analysis/board/squareRenderer.tsx |  1 +
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/lib/engine/uciEngine.ts b/src/lib/engine/uciEngine.ts
index 1c1d6d2..4f905af 100644
--- a/src/lib/engine/uciEngine.ts
+++ b/src/lib/engine/uciEngine.ts
@@ -129,7 +129,7 @@ export abstract class UciEngine {
       const result = await this.evaluatePosition(fen, depth);
       positions.push(result);
       setEvaluationProgress?.(
-        Math.max((fens.indexOf(fen) / fens.length) * 100 - 5, 2)
+        Math.max(((fens.indexOf(fen) + 1) / fens.length) * 100 - 2, 2)
       );
     }
 
diff --git a/src/sections/analysis/board/evaluationBar.tsx b/src/sections/analysis/board/evaluationBar.tsx
index bb4b3ae..6c4bb64 100644
--- a/src/sections/analysis/board/evaluationBar.tsx
+++ b/src/sections/analysis/board/evaluationBar.tsx
@@ -43,7 +43,10 @@ export default function EvaluationBar({ height }: Props) {
       borderRadius="5px"
     >
       <Box
-        sx={{ backgroundColor: boardOrientation ? "#424242" : "white" }}
+        sx={{
+          backgroundColor: boardOrientation ? "#424242" : "white",
+          transition: "height 1s",
+        }}
         height={`${
           boardOrientation
             ? 100 - evalBar.whiteBarPercentage
@@ -67,7 +70,10 @@ export default function EvaluationBar({ height }: Props) {
       </Box>
 
       <Box
-        sx={{ backgroundColor: boardOrientation ? "white" : "#424242" }}
+        sx={{
+          backgroundColor: boardOrientation ? "white" : "#424242",
+          transition: "height 1s",
+        }}
         height={`${
           boardOrientation
             ? evalBar.whiteBarPercentage
diff --git a/src/sections/analysis/board/squareRenderer.tsx b/src/sections/analysis/board/squareRenderer.tsx
index 55c417e..33b17c4 100644
--- a/src/sections/analysis/board/squareRenderer.tsx
+++ b/src/sections/analysis/board/squareRenderer.tsx
@@ -44,6 +44,7 @@ const SquareRenderer = forwardRef<HTMLDivElement, CustomSquareProps>(
               right: "max(-15px, -1.8vw)",
               maxWidth: "3.6vw",
               maxHeight: "3.6vw",
+              zIndex: 100,
             }}
           />
         )}