From 3e69e90ca435a860c8fa9dfeb96366a2b2cfdfcb Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 1 Apr 2026 17:28:11 +0300 Subject: [PATCH 1/3] fix(grid): fix ghost row styles --- .../core/src/core/styles/components/grid/_grid-theme.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss index 11ee6f623e0..8542f967e49 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss @@ -892,12 +892,14 @@ &%igx-grid__tr--ghost { background: var-get($theme, 'row-ghost-background'); color: var-get($theme, 'row-drag-color'); + border: 1px solid var-get($theme, 'row-ghost-border-color'); z-index: 10002; @include css-vars(( name: 'igx-grid-row', row-ghost-background: map.get($theme, 'row-ghost-background'), - row-drag-color: map.get($theme, 'row-drag-color') + row-drag-color: map.get($theme, 'row-drag-color'), + row-ghost-border-color: map.get($theme, 'row-ghost-border-color') )); } } From a3d09a5c53b818d25cf73079e6175924b33d9ace Mon Sep 17 00:00:00 2001 From: Dilyana Yarabanova <45598235+didimmova@users.noreply.github.com> Date: Thu, 2 Apr 2026 08:51:34 +0300 Subject: [PATCH 2/3] Update projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .../core/src/core/styles/components/grid/_grid-theme.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss index 8542f967e49..3af69dec692 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss @@ -892,7 +892,7 @@ &%igx-grid__tr--ghost { background: var-get($theme, 'row-ghost-background'); color: var-get($theme, 'row-drag-color'); - border: 1px solid var-get($theme, 'row-ghost-border-color'); + border: rem(1px) solid var-get($theme, 'row-ghost-border-color'); z-index: 10002; @include css-vars(( From 1ef47420f57fea8767648a804e554d76ce0488c0 Mon Sep 17 00:00:00 2001 From: Dilyana Yarabanova <45598235+didimmova@users.noreply.github.com> Date: Thu, 2 Apr 2026 09:37:35 +0300 Subject: [PATCH 3/3] Update projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .../core/src/core/styles/components/grid/_grid-theme.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss index 3af69dec692..e82c0932f87 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss @@ -892,7 +892,7 @@ &%igx-grid__tr--ghost { background: var-get($theme, 'row-ghost-background'); color: var-get($theme, 'row-drag-color'); - border: rem(1px) solid var-get($theme, 'row-ghost-border-color'); + outline: rem(1px) solid var-get($theme, 'row-ghost-border-color'); z-index: 10002; @include css-vars((