fix(grid): remove duplicate border on pivot grid row-dimension headers

Author: simeonoff

projects/igniteui-angular/grids/themes/_base.scss

@@ -2838,6 +2838,11 @@ $z-grid-loading: 10003;
         }
     }
 
+    // Pivot's row-dimension headers reuse the MRL block but already have their own border
+    .igx-grid__mrl-block.igx-grid__tbody-pivot-dimension .igx-grid-th {
+        border-block-end: 0;
+    }
+
 	.igx-grid__tr--odd.igx-grid__tr--mrl {
 		.igx-grid__td {
 			--body-column-border-color-odd: #{var-get($theme, 'row-border-color')};

src/app/app.component.scss

@@ -3,7 +3,7 @@
 ::ng-deep {
     app-root {
         --demo-navbar-size: 56px;
-	    --demo-header-height: 72px;
+        --demo-header-height: 72px;
         --header-row: 1;
         --content-row: 2;
         --content-spacing: 1rem;
@@ -21,17 +21,17 @@
             background: var(--ig-gray-50);
             overflow-x: clip;
             overflow-y: hidden;
-	        min-width: 0;
+            min-width: 0;
 
             height: calc(100dvh - var(--demo-navbar-size));
         }
     }
 
     .demos-main-nav {
-	    --sb-track-bg-color: var(--ig-gray-100);
-	    --sb-track-bg-color-hover: var(--ig-gray-100);
-	    --sb-thumb-bg-color: var(--ig-gray-200);
-	    --sb-thumb-bg-color-hover: var(--ig-gray-200);
+        --sb-track-bg-color: var(--ig-gray-100);
+        --sb-track-bg-color-hover: var(--ig-gray-100);
+        --sb-thumb-bg-color: var(--ig-gray-200);
+        --sb-thumb-bg-color-hover: var(--ig-gray-200);
 
         .igx-nav-drawer__aside {
             padding-top: 0;
@@ -69,7 +69,7 @@
         margin: 0;
 
         igx-icon {
-            --color : var(--ig-primary-500);
+            --color: var(--ig-primary-500);
         }
     }
 }
@@ -79,16 +79,17 @@
     flex-direction: column;
     min-height: calc(100% - (var(--demo-header-height) + (var(--demo-navbar-size) + var(--demos-gap)) + (var(--content-spacing) * 2)));
     height: 100%;
-	overflow-y: auto;
+    overflow-y: auto;
     padding: var(--content-spacing);
-	color: var(--ig-gray-900);
-
-	 > div {
-		max-width: 1200px;
-		width: 100%;
-		min-width: 320px;
-		margin: 0 auto;
-	}
+    color: var(--ig-gray-900);
+
+    > div {
+        max-width: 1200px;
+        width: 100%;
+        height: 100%;
+        min-width: 320px;
+        margin: 0 auto;
+    }
 }
 
 .demos-filter {
@@ -107,20 +108,25 @@
         position: absolute;
         top: 100%;
         left: 0;
-        background: linear-gradient(360deg,rgba(255, 255, 255, 0) 0%, var(--background) 70%);
+        background: linear-gradient(
+            360deg,
+            rgba(255, 255, 255, 0) 0%,
+            var(--background) 70%
+        );
     }
 }
 
 .demos-main-nav {
     grid-column: 1;
 
-    @include tokens(navdrawer-theme(
-        $background: var(--ig-gray-100),
-        $border-radius: 0,
-        $item-border-radius: 0,
-        $border-color: var(--ig-gray-300),
-
-    ));
+    @include tokens(
+        navdrawer-theme(
+            $background: var(--ig-gray-100),
+            $border-radius: 0,
+            $item-border-radius: 0,
+            $border-color: var(--ig-gray-300)
+        )
+    );
 }
 
 .demos-settings-nav {