From 2ba863f4691a0d4b09c91d9cbf659638900c4ec2 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Tue, 19 Nov 2013 21:55:25 -0600 Subject: [PATCH] range fixes for safari 6.0 --- dist/css/ionic.css | 2 ++ scss/_range.scss | 2 ++ 2 files changed, 4 insertions(+) diff --git a/dist/css/ionic.css b/dist/css/ionic.css index a33c1651b6..7bfec377e9 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -2571,6 +2571,7 @@ input[type="range"] { -moz-flex: 0 1 24px; -ms-flex: 0 1 24px; flex: 0 1 24px; + display: block; font-size: 24px; min-width: 24px; text-align: center; } @@ -2582,6 +2583,7 @@ input[type="range"] { -moz-flex: 0 1 272px; -ms-flex: 0 1 272px; flex: 0 1 272px; + display: block; margin-left: 10px; margin-right: 10px; width: 100%; diff --git a/scss/_range.scss b/scss/_range.scss index 0f6c1b6f70..d70bf7109e 100644 --- a/scss/_range.scss +++ b/scss/_range.scss @@ -73,6 +73,7 @@ input[type="range"] { .range .icon { @include flex(0, 1, $range-icon-size); + display: block; font-size: $range-icon-size; min-width: $range-icon-size; text-align: center; @@ -80,6 +81,7 @@ input[type="range"] { .range input { @include flex(0, 1, $range-max-width - ($range-icon-size * 2)); + display: block; margin-left: 10px; margin-right: 10px; width: 100%;