feat(range): fix the knob on md so the transform isn't blurry

brandyscarney · brandyscarney · commit cffa84c97ee1 · 2016-06-01T15:47:56.000-04:00
references #5422
diff --git a/src/components/range/range.md.scss b/src/components/range/range.md.scss
@@ -15,7 +15,7 @@ $range-md-bar-height:                        2px !default;
 $range-md-bar-background-color:              #bdbdbd !default;
 $range-md-bar-active-background-color:       color($colors-md, primary) !default;
 
-$range-md-knob-width:                        12px !default;
+$range-md-knob-width:                        18px !default;
 $range-md-knob-height:                       $range-md-knob-width !default;
 $range-md-knob-background-color:             $range-md-bar-active-background-color !default;
 
@@ -115,6 +115,8 @@ ion-range {
   background: $range-md-knob-background-color;
 
   pointer-events: none;
+
+  transform: scale(.67);
 }
 
 .range-tick {
@@ -168,7 +170,7 @@ ion-range {
 }
 
 .range-knob-pressed .range-knob {
-  transform: scale(1.5);
+  transform: scale(1);
 }
 
 // Generate Material Design Range Colors

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ $range-md-bar-height: 2px !default;`
`15`	`15`	`$range-md-bar-background-color: #bdbdbd !default;`
`16`	`16`	`$range-md-bar-active-background-color: color($colors-md, primary) !default;`
`17`	`17`
`18`		`-$range-md-knob-width: 12px !default;`
	`18`	`+$range-md-knob-width: 18px !default;`
`19`	`19`	`$range-md-knob-height: $range-md-knob-width !default;`
`20`	`20`	`$range-md-knob-background-color: $range-md-bar-active-background-color !default;`
`21`	`21`
`@@ -115,6 +115,8 @@ ion-range {`
`115`	`115`	`background: $range-md-knob-background-color;`
`116`	`116`
`117`	`117`	`pointer-events: none;`
	`118`	`+`
	`119`	`+ transform: scale(.67);`
`118`	`120`	`}`
`119`	`121`
`120`	`122`	`.range-tick {`
`@@ -168,7 +170,7 @@ ion-range {`
`168`	`170`	`}`
`169`	`171`
`170`	`172`	`.range-knob-pressed .range-knob {`
`171`		`- transform: scale(1.5);`
	`173`	`+ transform: scale(1);`
`172`	`174`	`}`
`173`	`175`
`174`	`176`	`// Generate Material Design Range Colors`