fix(grid): column headers background has transparency on drag. (#10932)

* fix(grid): column headers background has transparency on drag. Closes: #10864 * fix(grid): Nest the rules in a proper place
IgniteUI · Feb 1, 2022 · 32a9a93 · 32a9a93
1 parent 97f8717
commit 32a9a93
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -1660,7 +1660,16 @@
     %igx-grid-th--selectable {
         color: var-get($theme, 'header-selected-text-color');
         background: var-get($theme, 'header-selected-background');
-        opacity: if($variant != 'indigo-design', .7, 1);
+
+        @if $variant != 'indigo-design' {
+            opacity: .7;
+
+            &%grid__drag-ghost-image {
+                opacity: 1;
+            }
+        } @else {
+            opacity: 1;
+        }
 
         .sort-icon {
             color: var-get($theme, 'header-selected-text-color');