From 7bd191442f43e2b7d3fd6f270ab083fb2462f6f1 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Tue, 5 Jun 2018 12:56:14 +0200
Subject: [PATCH] fix(select): multi-select checkbox not having an outline in
 high contrast mode

Reworks the pseudo checkbox not to remove its border when it becomes checked. This has the advantage of not removing the checkbox outline in high contrast mode.
---
 .../selection/pseudo-checkbox/pseudo-checkbox.scss    | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/lib/core/selection/pseudo-checkbox/pseudo-checkbox.scss b/src/lib/core/selection/pseudo-checkbox/pseudo-checkbox.scss
index bd7dcc5481c3..02b8e837bc77 100644
--- a/src/lib/core/selection/pseudo-checkbox/pseudo-checkbox.scss
+++ b/src/lib/core/selection/pseudo-checkbox/pseudo-checkbox.scss
@@ -32,7 +32,7 @@ $_mat-pseudo-checkmark-size: $mat-checkbox-size - (2 * $_mat-pseudo-checkbox-pad
   }
 
   &.mat-pseudo-checkbox-checked, &.mat-pseudo-checkbox-indeterminate {
-    border: none;
+    border-color: transparent;
   }
 }
 
@@ -41,15 +41,16 @@ $_mat-pseudo-checkmark-size: $mat-checkbox-size - (2 * $_mat-pseudo-checkbox-pad
 }
 
 .mat-pseudo-checkbox-indeterminate::after {
-  top: ($mat-checkbox-size - $mat-checkbox-border-width) / 2;
-  left: $mat-checkbox-border-width;
+  top: ($mat-checkbox-size - $mat-checkbox-border-width) / 2 - $mat-checkbox-border-width;
+  left: 0;
   width: $mat-checkbox-size - ($mat-checkbox-border-width * 2);
   opacity: 1;
 }
 
 .mat-pseudo-checkbox-checked::after {
-  top: ($mat-checkbox-size / 2) - ($_mat-pseudo-checkmark-size / 4) - ($mat-checkbox-size / 10);
-  left: $_mat-pseudo-checkbox-padding - $mat-checkbox-border-width / 2;
+  top: ($mat-checkbox-size / 2) - ($_mat-pseudo-checkmark-size / 4) -
+      ($mat-checkbox-size / 10) - $mat-checkbox-border-width;
+  left: $_mat-pseudo-checkbox-padding - $mat-checkbox-border-width * 1.5;
   width: $_mat-pseudo-checkmark-size;
   height: ($_mat-pseudo-checkmark-size - $mat-checkbox-border-width) / 2;
   border-left: $mat-checkbox-border-width solid currentColor;