Timeline: fixed passing className in TimelineGrid; fixed visibility o…

…f bottom border in years scale
epam · Oct 23, 2024 · f2db0c8 · f2db0c8
1 parent 70ba243
commit f2db0c8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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(() => {