From 63b932910deeb798129ebae7ec3d68d0c4a0dbe0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 28 Aug 2018 16:12:49 +0200
Subject: [PATCH] MOBILE-2567 sitemenu: Add activated background style

---
 src/core/mainmenu/pages/more/more.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/core/mainmenu/pages/more/more.scss b/src/core/mainmenu/pages/more/more.scss
index 8d19b0b4d..d8baa9e9e 100644
--- a/src/core/mainmenu/pages/more/more.scss
+++ b/src/core/mainmenu/pages/more/more.scss
@@ -3,6 +3,9 @@ page-core-mainmenu-more {
     $core-more-background-ios: $list-ios-background-color !default;
     $core-more-background-md: $list-md-background-color !default;
     $core-more-background-wp: $item-wp-body-background-color !default;
+    $core-more-activated-background-ios: color-shade($core-more-background-ios) !default;
+    $core-more-activated-background-md: color-shade($core-more-background-md) !default;
+    $core-more-activated-background-wp: color-shade($core-more-background-wp) !default;
     $core-more-divider-ios: $item-ios-divider-background !default;
     $core-more-divider-md: $item-md-divider-background !default;
     $core-more-divider-wp: $item-wp-divider-background !default;
@@ -14,7 +17,7 @@ page-core-mainmenu-more {
     $core-more-color-wp: $item-wp-body-text-color !default;
 
     .item-block {
-        &.item-ios, &.item-ios p {
+        &.item-ios {
             background-color: $core-more-background-ios;
             color: $core-more-color-ios;
 
@@ -22,7 +25,7 @@ page-core-mainmenu-more {
                 border-bottom: $hairlines-width solid $core-more-border-ios;
             }
         }
-        &.item-md, &.item-md p {
+        &.item-md {
             background-color: $core-more-background-md;
             color: $core-more-color-md;
 
@@ -30,7 +33,7 @@ page-core-mainmenu-more {
                 border-bottom: 1px solid $core-more-border-md;
             }
         }
-        &.item-wp, &.item-wp p {
+        &.item-wp {
             background-color: $core-more-background-wp;
             color: $core-more-color-wp;
 
@@ -38,6 +41,18 @@ page-core-mainmenu-more {
                 border-bottom: 1px solid $core-more-border-wp;
             }
         }
+
+        &.activated {
+            &.item-ios {
+                background-color: $core-more-activated-background-ios;
+            }
+            &.item-md {
+                background-color: $core-more-activated-background-md;
+            }
+            &.item-wp {
+                background-color: $core-more-activated-background-wp;
+            }
+        }
     }
 
 	ion-icon {