mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 08:09:32 +08:00
range fixes for safari 6.0
This commit is contained in:
2
dist/css/ionic.css
vendored
2
dist/css/ionic.css
vendored
@ -2571,6 +2571,7 @@ input[type="range"] {
|
|||||||
-moz-flex: 0 1 24px;
|
-moz-flex: 0 1 24px;
|
||||||
-ms-flex: 0 1 24px;
|
-ms-flex: 0 1 24px;
|
||||||
flex: 0 1 24px;
|
flex: 0 1 24px;
|
||||||
|
display: block;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
min-width: 24px;
|
min-width: 24px;
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
@ -2582,6 +2583,7 @@ input[type="range"] {
|
|||||||
-moz-flex: 0 1 272px;
|
-moz-flex: 0 1 272px;
|
||||||
-ms-flex: 0 1 272px;
|
-ms-flex: 0 1 272px;
|
||||||
flex: 0 1 272px;
|
flex: 0 1 272px;
|
||||||
|
display: block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -73,6 +73,7 @@ input[type="range"] {
|
|||||||
|
|
||||||
.range .icon {
|
.range .icon {
|
||||||
@include flex(0, 1, $range-icon-size);
|
@include flex(0, 1, $range-icon-size);
|
||||||
|
display: block;
|
||||||
font-size: $range-icon-size;
|
font-size: $range-icon-size;
|
||||||
min-width: $range-icon-size;
|
min-width: $range-icon-size;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -80,6 +81,7 @@ input[type="range"] {
|
|||||||
|
|
||||||
.range input {
|
.range input {
|
||||||
@include flex(0, 1, $range-max-width - ($range-icon-size * 2));
|
@include flex(0, 1, $range-max-width - ($range-icon-size * 2));
|
||||||
|
display: block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user