fix tab centering on iOS 6.0, closes #162

This commit is contained in:
Adam Bradley
2013-11-19 20:59:21 -06:00
parent 0a7d39c8e9
commit d2dc3b9195
2 changed files with 8 additions and 10 deletions

11
dist/css/ionic.css vendored
View File

@ -1198,9 +1198,8 @@ a.subdued {
-moz-flex: 1; -moz-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
display: inline-block; display: block;
overflow: hidden; overflow: hidden;
box-sizing: border-box;
max-width: 150px; max-width: 150px;
height: 100%; height: 100%;
color: inherit; color: inherit;
@ -2515,9 +2514,9 @@ input[type="range"] {
height: 4px; height: 4px;
outline: none; outline: none;
border-radius: 4px; border-radius: 4px;
background-color: #cccccc; -webkit-appearance: none !important; }
-webkit-appearance: none !important; input[type="range"] input {
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, blue), color-stop(0, #cccccc)); } background-color: #cccccc; }
input[type="range"]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
position: relative; position: relative;
width: 20px; width: 20px;
@ -2547,6 +2546,8 @@ input[type="range"] {
-moz-align-items: center; -moz-align-items: center;
align-items: center; align-items: center;
padding: 2px 4px; } padding: 2px 4px; }
.range.range-light input {
background-color: #dddddd; }
.range .icon { .range .icon {
-webkit-box-flex: 0; -webkit-box-flex: 0;

View File

@ -70,13 +70,10 @@
.tab-item { .tab-item {
@include flex(1); @include flex(1);
display: inline-block; display: block;
overflow: hidden; overflow: hidden;
box-sizing: border-box;
//margin: auto;
max-width: $tab-item-max-width; max-width: $tab-item-max-width;
height: 100%; height: 100%;
color: inherit; color: inherit;