Fixes AB#469: Sidebar border for high-contrast mode

gingi · gingi · commit e6def01e2264 · 2022-09-07T11:17:14.000-04:00
diff --git a/src/@batch-flask/ui/sidebar/sidebar-content/sidebar-content.scss b/src/@batch-flask/ui/sidebar/sidebar-content/sidebar-content.scss
@@ -5,3 +5,11 @@ bl-sidebar-content {
         background-color: $card-background;
     }
 }
+
+@media (forced-colors: active) {
+    bl-sidebar-content {
+        .right-sidebar-content {
+            border-left: 1px solid currentColor;
+        }
+    }
+}
diff --git a/src/app/styles/vendor/material-theme.scss b/src/app/styles/vendor/material-theme.scss
@@ -185,3 +185,7 @@ mat-button-toggle-group {
         border: 1px solid $outline-color;
     }
 }
+
+.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
+    border-left: none;
+}

Original file line number	Diff line number	Diff line change
`@@ -5,3 +5,11 @@ bl-sidebar-content {`
`5`	`5`	`background-color: $card-background;`
`6`	`6`	`}`
`7`	`7`	`}`
	`8`	`+`
	`9`	`+@media (forced-colors: active) {`
	`10`	`+ bl-sidebar-content {`
	`11`	`+ .right-sidebar-content {`
	`12`	`+ border-left: 1px solid currentColor;`
	`13`	`+ }`
	`14`	`+ }`
	`15`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -185,3 +185,7 @@ mat-button-toggle-group {`
`185`	`185`	`border: 1px solid $outline-color;`
`186`	`186`	`}`
`187`	`187`	`}`
	`188`	`+`
	`189`	`+.cdk-high-contrast-active .mat-drawer.mat-drawer-end {`
	`190`	`+ border-left: none;`
	`191`	`+}`