From df9a4df26455392381132dbbd3bbc0d670a7cb78 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 12 Feb 2016 11:48:34 -0600
Subject: [PATCH] fix(segment): add the active background color to the
 colorized segments and remove activated css

closes #5308
---
 ionic/components/segment/segment.ios.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/ionic/components/segment/segment.ios.scss b/ionic/components/segment/segment.ios.scss
index 9cdbfadf016..3cf7a229966 100644
--- a/ionic/components/segment/segment.ios.scss
+++ b/ionic/components/segment/segment.ios.scss
@@ -46,10 +46,10 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
     background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-hover-opacity);
     transition: $segment-button-ios-hover-transition;
   }
-  
+
   &:active:not(.segment-activated) {
-      background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
-      transition: $segment-button-ios-active-transition;
+    background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
+    transition: $segment-button-ios-active-transition;
   }
 
   &:first-of-type {
@@ -100,7 +100,10 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
       background-color: rgba($color-value, $segment-button-ios-hover-opacity);
     }
 
-    &.activated,
+    &:active:not(.segment-activated) {
+      background-color: rgba($color-value, $segment-button-ios-active-opacity);
+    }
+
     &.segment-activated {
       color: inverse($color-value);
       background-color: $color-value;
@@ -119,4 +122,4 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
   .toolbar[#{$color-name}] .segment-button.segment-activated {
     color: $color-value;
   }
-}
\ No newline at end of file
+}