EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2567 sitemenu: Add activated background style

main
Pau Ferrer Ocaña 2018-08-28 16:12:49 +02:00
parent 558c22c3b3
commit 63b932910d
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/core/mainmenu/pages/more/more.scss
View File

@ -3,6 +3,9 @@ page-core-mainmenu-more {
$core-more-background-ios: $list-ios-background-color !default; $core-more-background-ios: $list-ios-background-color !default;
$core-more-background-md: $list-md-background-color !default; $core-more-background-md: $list-md-background-color !default;
$core-more-background-wp: $item-wp-body-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-ios: $item-ios-divider-background !default;
$core-more-divider-md: $item-md-divider-background !default; $core-more-divider-md: $item-md-divider-background !default;
$core-more-divider-wp: $item-wp-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; $core-more-color-wp: $item-wp-body-text-color !default;
.item-block { .item-block {
&.item-ios, &.item-ios p { &.item-ios {
background-color: $core-more-background-ios; background-color: $core-more-background-ios;
color: $core-more-color-ios; color: $core-more-color-ios;
@ -22,7 +25,7 @@ page-core-mainmenu-more {
border-bottom: $hairlines-width solid $core-more-border-ios; border-bottom: $hairlines-width solid $core-more-border-ios;
} }
} }
&.item-md, &.item-md p { &.item-md {
background-color: $core-more-background-md; background-color: $core-more-background-md;
color: $core-more-color-md; color: $core-more-color-md;
@ -30,7 +33,7 @@ page-core-mainmenu-more {
border-bottom: 1px solid $core-more-border-md; border-bottom: 1px solid $core-more-border-md;
} }
} }
&.item-wp, &.item-wp p { &.item-wp {
background-color: $core-more-background-wp; background-color: $core-more-background-wp;
color: $core-more-color-wp; color: $core-more-color-wp;
@ -38,6 +41,18 @@ page-core-mainmenu-more {
border-bottom: 1px solid $core-more-border-wp; 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 { ion-icon {