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`
telerik · Jan 10, 2024 · 4efe6e5 · 4efe6e5
1 parent 1fed249
commit 4efe6e5
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;