From aadd838911e2cda4716a29f1bf77699fbe97a8a9 Mon Sep 17 00:00:00 2001 From: inikolova Date: Mon, 5 Apr 2021 10:41:03 +0300 Subject: [PATCH] fix: sticky column border color when filter row is used --- packages/default/scss/grid/_layout.scss | 4 + packages/default/scss/grid/_theme.scss | 1 + .../grid-angular-sticky-rows-and-cols.html | 144 ++++++++++++++++++ 3 files changed, 149 insertions(+) diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss index 523330500d3..db54890b703 100644 --- a/packages/default/scss/grid/_layout.scss +++ b/packages/default/scss/grid/_layout.scss @@ -1087,6 +1087,10 @@ bottom: inherit; } + .k-grid-row-sticky td { + z-index: 2; + } + .k-grid-row-sticky td.k-grid-content-sticky, .k-grid-row-sticky.k-alt td.k-grid-content-sticky { z-index: 3; diff --git a/packages/default/scss/grid/_theme.scss b/packages/default/scss/grid/_theme.scss index 99f2a7fb0c3..5901e6c885a 100644 --- a/packages/default/scss/grid/_theme.scss +++ b/packages/default/scss/grid/_theme.scss @@ -202,6 +202,7 @@ } th.k-grid-header-sticky, + td.k-grid-header-sticky, .k-grid-header-sticky.k-sorted { @include fill( $color: $grid-sticky-header-text, diff --git a/tests/visual/grid-angular-sticky-rows-and-cols.html b/tests/visual/grid-angular-sticky-rows-and-cols.html index c69e8644e87..e58eb97bc18 100644 --- a/tests/visual/grid-angular-sticky-rows-and-cols.html +++ b/tests/visual/grid-angular-sticky-rows-and-cols.html @@ -133,6 +133,150 @@ +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
IDNameCategoryPrice
+ + + + + + + + Contains + + + + + + + + + + + + + + + + + Contains + + + + + + + + + + + + + + + + + Contains + + + + + + + + + + + + + + + + + Contains + + + + + + + + +
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
1ChaiBeverages18
2ChangBeverages19
3Aniseed SyrupCondiments10
+
+
+
+ +
+ + +