From f2db0c8dd04283c1ff789f7109891e290517a1e5 Mon Sep 17 00:00:00 2001
From: Yakov Zhmurov <yakov_zhmourov@epam.com>
Date: Wed, 23 Oct 2024 18:54:24 +0300
Subject: [PATCH] Timeline: fixed passing className in TimelineGrid; fixed
 visibility of bottom border in years scale

---
 uui-timeline/src/TimelineGrid.tsx  | 1 +
 uui-timeline/src/TimelineScale.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/uui-timeline/src/TimelineGrid.tsx b/uui-timeline/src/TimelineGrid.tsx
index fac9a7542b..83a4c07979 100644
--- a/uui-timeline/src/TimelineGrid.tsx
+++ b/uui-timeline/src/TimelineGrid.tsx
@@ -170,6 +170,7 @@ export function TimelineGrid({
 
     return (
         <TimelineCanvas
+            className={ restProps.className }
             draw={ restProps.draw ?? draw }
             canvasHeight={ canvasHeight }
             timelineController={ timelineController }
diff --git a/uui-timeline/src/TimelineScale.tsx b/uui-timeline/src/TimelineScale.tsx
index 807a7ac64b..8f72040718 100644
--- a/uui-timeline/src/TimelineScale.tsx
+++ b/uui-timeline/src/TimelineScale.tsx
@@ -206,8 +206,6 @@ export function TimelineScale({
         const canvasHeight = 60;
         context.clearRect(0, 0, t.widthMs, canvasHeight);
 
-        drawScaleBottomBorder({ context, canvasHeight, timelineTransform: t, bottomBorderColor });
-
         const fonts = { currentPeriodFont, periodFont, meridiemFont };
         const commonProps = {
             context,
@@ -251,6 +249,8 @@ export function TimelineScale({
             ...timelineScale.getYearsScaleRange(),
             ...withGridLinesProps,
         });
+
+        drawScaleBottomBorder({ context, canvasHeight, timelineTransform: t, bottomBorderColor });
     };
 
     useEffect(() => {