From 4efe6e51928e2ec7393b319b24e301aa0fd2ca0f Mon Sep 17 00:00:00 2001
From: Iliyana Dyankova <inikolova@progress.com>
Date: Mon, 8 Jan 2024 14:29:40 +0200
Subject: [PATCH] feat(gantt): update selectors to match updated rendering

Important Changes:
- Changed `k-timeline` to `k-gantt-timeline`
- Changed `k-gantt-timeline` to `k-gantt-timeline-pane`
---
 packages/default/scss/gantt/_layout.scss  | 10 +++++-----
 packages/fluent/scss/gantt/_layout.scss   |  6 +++---
 packages/material/scss/gantt/_layout.scss |  2 +-
 packages/material/scss/gantt/_theme.scss  |  2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/default/scss/gantt/_layout.scss b/packages/default/scss/gantt/_layout.scss
index ac42f3d2006..0d6c78d53b3 100644
--- a/packages/default/scss/gantt/_layout.scss
+++ b/packages/default/scss/gantt/_layout.scss
@@ -291,9 +291,9 @@
 
 
     // Timeline
-    .k-gantt-timeline {
+    .k-gantt-timeline-pane {
 
-        .k-timeline {
+        .k-gantt-timeline {
             height: 100%;
             border-width: 0;
             display: flex;
@@ -772,7 +772,7 @@
         }
 
         .k-gantt,
-        .k-gantt-timeline,
+        .k-gantt-timeline-pane,
         .k-gantt-dependencies {
             width: auto !important; // stylelint-disable-line declaration-no-important
             height: auto !important; // stylelint-disable-line declaration-no-important
@@ -817,7 +817,7 @@
             margin-inline: -26px;
         }
 
-        .k-gantt-timeline {
+        .k-gantt-timeline-pane {
             .k-header {
                 border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
             }
@@ -877,7 +877,7 @@
             margin-right: $kendo-gantt-rtl-milestone-planned-moment-margin-x;
         }
 
-        .k-gantt-timeline .k-milestone-wrap .k-task-start {
+        .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
             right: $kendo-gantt-rtl-milestone-dot-start-margin-x;
         }
 
diff --git a/packages/fluent/scss/gantt/_layout.scss b/packages/fluent/scss/gantt/_layout.scss
index 76e29d41a70..4df3395864f 100644
--- a/packages/fluent/scss/gantt/_layout.scss
+++ b/packages/fluent/scss/gantt/_layout.scss
@@ -288,9 +288,9 @@
 
 
     // Timeline
-    .k-gantt-timeline {
+    .k-gantt-timeline-pane {
 
-        .k-timeline {
+        .k-gantt-timeline {
             height: 100%;
             border-width: 0;
             display: flex;
@@ -770,7 +770,7 @@
         }
 
         .k-gantt,
-        .k-gantt-timeline,
+        .k-gantt-timeline-pane,
         .k-gantt-dependencies {
             width: auto !important; // stylelint-disable-line declaration-no-important
             height: auto !important; // stylelint-disable-line declaration-no-important
diff --git a/packages/material/scss/gantt/_layout.scss b/packages/material/scss/gantt/_layout.scss
index 3958c3a6179..cb8722741ab 100644
--- a/packages/material/scss/gantt/_layout.scss
+++ b/packages/material/scss/gantt/_layout.scss
@@ -6,7 +6,7 @@
     @include kendo-gantt--layout-base();
 
     // Timeline
-    .k-gantt-timeline {
+    .k-gantt-timeline-pane {
         .k-rtl & {
 
             .k-header {
diff --git a/packages/material/scss/gantt/_theme.scss b/packages/material/scss/gantt/_theme.scss
index e97c5a0eab7..3df48ff43b6 100644
--- a/packages/material/scss/gantt/_theme.scss
+++ b/packages/material/scss/gantt/_theme.scss
@@ -6,7 +6,7 @@
     @include kendo-gantt--theme-base();
 
     // Timeline
-    .k-gantt-timeline {
+    .k-gantt-timeline-pane {
 
         tbody > tr:not(:only-child) > .k-header {
             border-left-color: $kendo-grid-border;