Fixed flexbox issue for button bar in form items

This commit is contained in:
Max Lynch
2013-12-06 11:45:26 -06:00
parent a705940581
commit 69c4f8b615
3 changed files with 21 additions and 0 deletions

14
dist/css/ionic.css vendored
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
/*!
* Copyright 2013 Drifty Co.
* http://drifty.com/
@@ -4175,6 +4176,19 @@ textarea {
.item-input.item.active, .ionic-pseudo .item-input.item:active {
border-color: #dddddd;
background-color: transparent; }
.item-input .button-bar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 0 220px;
-moz-box-flex: 1;
-moz-flex: 1 0 220px;
-ms-flex: 1 0 220px;
flex: 1 0 220px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.item-input-inset {
display: -webkit-box;

View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
/*!
* Copyright 2013 Drifty Co.
* http://drifty.com/

View File

@@ -74,6 +74,12 @@ textarea {
border-color: $item-default-border;
background-color: transparent;
}
.button-bar {
@include border-radius(0);
@include flex(1, 0, 220px);
@include appearance(none);
}
}
.item-input-inset {