diff --git a/src/components/range/range.ios.scss b/src/components/range/range.ios.scss index 7669f4d0de..818d9fa280 100644 --- a/src/components/range/range.ios.scss +++ b/src/components/range/range.ios.scss @@ -17,7 +17,7 @@ $range-ios-bar-active-background-color: color($colors-ios, primary) !defau $range-ios-knob-width: 28px !default; $range-ios-knob-height: $range-ios-knob-width !default; -$range-ios-knob-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02) !default; +$range-ios-knob-box-shadow: 0 3px 1px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .13), 0 0 0 1px rgba(0, 0, 0, .02) !default; $range-ios-knob-border-radius: 50% !default; $range-ios-knob-background-color: #fff !default; diff --git a/src/components/range/range.md.scss b/src/components/range/range.md.scss index 87283d5853..03dae9e502 100644 --- a/src/components/range/range.md.scss +++ b/src/components/range/range.md.scss @@ -109,11 +109,12 @@ ion-range { .range-knob { position: absolute; - z-index: 2; top: ($range-md-hit-height / 2) - ($range-md-knob-height / 2) + ($range-md-bar-height / 2); left: ($range-md-hit-width / 2) - ($range-md-knob-width / 2); + z-index: 2; + width: $range-md-knob-width; height: $range-md-knob-height; @@ -126,10 +127,11 @@ ion-range { .range-tick { position: absolute; - z-index: 1; top: ($range-md-hit-height / 2) - ($range-md-tick-height / 2) + ($range-md-bar-height / 2); + z-index: 1; + margin-left: ($range-md-tick-width / 2) * -1; width: $range-md-tick-width; diff --git a/src/config/bootstrap.ts b/src/config/bootstrap.ts index 375fe61206..61465b1fec 100644 --- a/src/config/bootstrap.ts +++ b/src/config/bootstrap.ts @@ -39,7 +39,7 @@ export function ionicBootstrap(appRootComponent: any, customProviders?: Array): ComponentRef { - //ngComponentRef.injector.get(TapClick); + // ngComponentRef.injector.get(TapClick); let app: App = ngComponentRef.injector.get(App); app.setAppInjector(ngComponentRef.injector);