From 69c4f8b615a2422c6bca79c07ebf7235606f5812 Mon Sep 17 00:00:00 2001 From: Max Lynch Date: Fri, 6 Dec 2013 11:45:26 -0600 Subject: [PATCH] Fixed flexbox issue for button bar in form items --- dist/css/ionic.css | 14 ++++++++++++++ dist/css/themes/ionic-ios7.css | 1 + scss/_form.scss | 6 ++++++ 3 files changed, 21 insertions(+) diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 6a1e6502dc..9d599f748a 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -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; diff --git a/dist/css/themes/ionic-ios7.css b/dist/css/themes/ionic-ios7.css index 23bcd03921..1e5a055c50 100644 --- a/dist/css/themes/ionic-ios7.css +++ b/dist/css/themes/ionic-ios7.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /*! * Copyright 2013 Drifty Co. * http://drifty.com/ diff --git a/scss/_form.scss b/scss/_form.scss index 79a8951d0f..a29c2ccad8 100644 --- a/scss/_form.scss +++ b/scss/_form.scss @@ -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 {