From b6e2fbad88db0753633d868f77a776ffa1a93d5b Mon Sep 17 00:00:00 2001
From: Perry Govier <govierp@gmail.com>
Date: Fri, 12 Dec 2014 11:32:53 -0600
Subject: [PATCH] amend(tabs): prevent footer from having tabs top and re-add
 $tabs-striped-off-opacity

---
 js/angular/directive/headerFooterBar.js |  4 ++--
 scss/_tabs.scss                         | 10 ++++++----
 scss/_variables.scss                    |  3 ++-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/js/angular/directive/headerFooterBar.js b/js/angular/directive/headerFooterBar.js
index 1d7955fb24..2515ef885a 100644
--- a/js/angular/directive/headerFooterBar.js
+++ b/js/angular/directive/headerFooterBar.js
@@ -124,9 +124,9 @@ function headerFooterBarDirective(isHeader) {
       controller: '$ionicHeaderBar',
       compile: function(tElement, $attr) {
         tElement.addClass(isHeader ? 'bar bar-header' : 'bar bar-footer');
-        // android style tabs? if so, remove bottom border for seamless display
+        // top style tabs? if so, remove bottom border for seamless display
         $timeout(function() {
-          if ($document[0].getElementsByClassName('tabs-top').length) tElement.addClass('has-tabs-top');
+          if (isHeader && $document[0].getElementsByClassName('tabs-top').length) tElement.addClass('has-tabs-top');
         });
 
         return { pre: prelink };
diff --git a/scss/_tabs.scss b/scss/_tabs.scss
index da22c030e7..4daccbbc3c 100644
--- a/scss/_tabs.scss
+++ b/scss/_tabs.scss
@@ -94,10 +94,10 @@
       background-color: $background;
     }
     .tab-item {
-      color: rgba($color, $tabs-off-opacity);
+      color: rgba($color, $tabs-striped-off-opacity);
       opacity: 1;
       .badge{
-        opacity:$tabs-off-opacity;
+        opacity:$tabs-striped-off-opacity;
       }
       &.tab-item-active,
       &.active,
@@ -166,10 +166,10 @@
 @mixin tabs-striped-color($style, $color) {
   &.#{$style} {
     .tab-item {
-      color: rgba($color, $tabs-off-opacity);
+      color: rgba($color, $tabs-striped-off-opacity);
       opacity: 1;
       .badge{
-        opacity:$tabs-off-opacity;
+        opacity:$tabs-striped-off-opacity;
       }
       &.tab-item-active,
       &.active,
@@ -325,6 +325,8 @@ ion-tabs {
   top: $bar-height;
   padding-top: 0;
   background-position: bottom;
+  border-top-width: 0;
+  border-bottom-width: 1px;
   .tab-item {
     &.tab-item-active,
     &.active,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index c021ee37b3..329e504d69 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -279,7 +279,8 @@ $tabs-default-text:               $tabs-stable-text !default;
 
 $tab-item-max-width:              150px !default;
 
-$tabs-off-opacity: 0.4;
+$tabs-off-opacity:                0.4 !default;
+$tabs-striped-off-opacity:        $tabs-off-opacity !default;
 $tabs-striped-off-color: #000;
 $tabs-striped-border-width: 2px;