javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
references #5422
This commit is contained in:
Brandy Carney
2016-06-01 15:47:56 -04:00
parent 2eb88fa687
commit cffa84c97e
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/range/range.md.scss
View File

@ -15,7 +15,7 @@ $range-md-bar-height: 2px !default;
$range-md-bar-background-color: #bdbdbd !default; $range-md-bar-background-color: #bdbdbd !default;
$range-md-bar-active-background-color: color($colors-md, primary) !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-height: $range-md-knob-width !default;
$range-md-knob-background-color: $range-md-bar-active-background-color !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; background: $range-md-knob-background-color;
pointer-events: none; pointer-events: none;
transform: scale(.67);
} }
.range-tick { .range-tick {
@ -168,7 +170,7 @@ ion-range {
} }
.range-knob-pressed .range-knob { .range-knob-pressed .range-knob {
transform: scale(1.5); transform: scale(1);
} }
// Generate Material Design Range Colors // Generate Material Design Range Colors