feat(material/slider): show background-color in print stylesheet (#11364) (#22300)

felhag · andrewseguin · commit 059214ecaf39 · 2021-03-23T09:37:02.000-06:00
* added color-adjust to mat-slider-wrapper to display slider correctly while printing (cherry picked from commit 69a8fb5)
diff --git a/src/material/slider/slider.scss b/src/material/slider/slider.scss
@@ -44,6 +44,10 @@ $mat-slider-focus-ring-size: 30px !default;
 
 .mat-slider-wrapper {
   position: absolute;
+
+  // force browser to show background-color when using the print function
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
 }
 
 .mat-slider-track-wrapper {

Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,10 @@ $mat-slider-focus-ring-size: 30px !default;`
`44`	`44`
`45`	`45`	`.mat-slider-wrapper {`
`46`	`46`	`position: absolute;`
	`47`	`+`
	`48`	`+ // force browser to show background-color when using the print function`
	`49`	`+ -webkit-print-color-adjust: exact;`
	`50`	`+ color-adjust: exact;`
`47`	`51`	`}`
`48`	`52`
`49`	`53`	`.mat-slider-track-wrapper {`