Added border radius to button bar items. Fixes #48

ionic-team · Oct 26, 2013 · d205533 · d205533
1 parent fc87f2f
commit d205533
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css
@@ -2037,8 +2037,11 @@ a.button {
   text-overflow: ellipsis;
   white-space: nowrap;
   line-height: 15px; }
+  .button-bar > .button:first-child {
+    border-radius: 2px 0px 0px 2px; }
   .button-bar > .button:last-child {
-    border-right-width: 1px; }
+    border-right-width: 1px;
+    border-radius: 0px 2px 2px 0px; }
 
 .buttons {
   box-flex: 1;

diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
@@ -2729,8 +2729,11 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 15px; }
+    .ionic .button-bar > .button:first-child {
+      border-radius: 2px 0px 0px 2px; }
     .ionic .button-bar > .button:last-child {
-      border-right-width: 1px; }
+      border-right-width: 1px;
+      border-radius: 0px 2px 2px 0px; }
   .ionic .buttons {
     box-flex: 1;
     -webkit-box-flex: 1;

diff --git a/dist/css/ionic.css b/dist/css/ionic.css
@@ -3258,8 +3258,11 @@ a.button {
   text-overflow: ellipsis;
   white-space: nowrap;
   line-height: 15px; }
+  .button-bar > .button:first-child {
+    border-radius: 2px 0px 0px 2px; }
   .button-bar > .button:last-child {
-    border-right-width: 1px; }
+    border-right-width: 1px;
+    border-radius: 0px 2px 2px 0px; }
 
 .buttons {
   box-flex: 1;

diff --git a/scss/ionic/_button-bar.scss b/scss/ionic/_button-bar.scss
@@ -1,4 +1,3 @@
-
 .button-bar {
   @include box-flex(1);
   @include box-orient(horizontal);
@@ -26,8 +25,12 @@
 
   line-height: $button-bar-button-line-height;
 
+  &:first-child {
+    border-radius: 2px 0px 0px 2px;
+  }
   &:last-child {
     border-right-width: 1px;
+    border-radius: 0px 2px 2px 0px;
   }
 }