fix: exclude hidden and adaptive columns from banded header border selectors (T1318812)

Author: Alyar

packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/cell.scss

@@ -174,7 +174,13 @@
   }
 
   // (0,7,1)
-  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-left, .dx-#{$widget-name}-column-no-border) {
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-left: 1px solid;
     border-left-color: $datagrid-border-color;
   }
@@ -204,7 +210,13 @@
   }
 
   // (0,6,1)
-  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-right, .dx-#{$widget-name}-column-no-border) {
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-right: 1px solid;
     border-right-color: $datagrid-border-color;
   }

packages/devextreme-scss/scss/widgets/generic/gridBase/layout/cell.scss

@@ -225,7 +225,13 @@
   }
 
   // (0,7,1)
-  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-left, .dx-#{$widget-name}-column-no-border) {
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-left: 1px solid;
     border-left-color: $datagrid-border-color;
   }
@@ -285,7 +291,13 @@
   }
 
   // (0,6,1)
-  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-right, .dx-#{$widget-name}-column-no-border) {
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-right: 1px solid;
     border-right-color: $datagrid-border-color;
   }

packages/devextreme-scss/scss/widgets/material/gridBase/layout/cell.scss

@@ -165,7 +165,13 @@
   }
 
   // (0,7,1)
-  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-left, .dx-#{$widget-name}-column-no-border) {
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-left: 1px solid;
     border-left-color: $datagrid-border-color;
   }
@@ -220,7 +226,13 @@
   }
 
   // (0,6,1)
-  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(.dx-#{$widget-name}-first-cell, .dx-#{$widget-name}-sticky-column-border-right, .dx-#{$widget-name}-column-no-border) {
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border
+  ) {
     border-right: 1px solid;
     border-right-color: $datagrid-border-color;
   }