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

MOBILE-2629 styles: Changes on variables to improve customization

main
Pau Ferrer Ocaña 2018-12-13 11:34:55 +01:00
parent 88ddd664a9
commit cf1ff4c9af
5 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ion-tabs/ion-tabs.scss
View File

@ -16,7 +16,10 @@ ion-app.app-root core-ion-tabs {
} }
} }
} }
}
.tab-badge.badge {
background-color: $ion-tabs-badge-color;
} }
} }

2
src/components/tabs/tabs.scss
View File

@ -44,7 +44,7 @@ ion-app.app-root .core-tabs-bar {
&[aria-selected=true] { &[aria-selected=true] {
color: $core-top-tabs-color-active !important; color: $core-top-tabs-color-active !important;
border: 0 !important; border: 0 !important;
border-bottom: 2px solid $core-top-tabs-color-active !important; border-bottom: 2px solid $core-top-tabs-border-active !important;
} }
} }

21
src/core/login/pages/reconnect/reconnect.scss
View File

@ -18,6 +18,16 @@ ion-app.app-root page-core-login-reconnect {
background: $core-login-box-background-color; background: $core-login-box-background-color;
border: 1px solid $core-login-box-background-border; border: 1px solid $core-login-box-background-border;
color: $core-login-box-text-color; color: $core-login-box-text-color;
.item {
background: $core-login-item-background-color;
@include padding-horizontal(0);
}
.item-inner {
background: $core-login-item-inner-background-color;
@include padding-horizontal(0);
}
} }
.core-sitename, .core-siteurl { .core-sitename, .core-siteurl {
@ -41,14 +51,11 @@ ion-app.app-root page-core-login-reconnect {
} }
.list .core-username { .list .core-username {
&.item-md { &.item {
@include padding-horizontal($item-md-padding-start, $content-padding); @include padding-horizontal(0);
} }
&.item-ios { .item-heading {
@include padding-horizontal($item-ios-padding-start, $content-padding); margin-top: 0;
}
&.item-wp {
@include padding-horizontal($item-wp-padding-start, $content-padding);
} }
.item-inner { .item-inner {

2
src/core/login/pages/site/site.scss
View File

@ -1,6 +1,6 @@
ion-app.app-root page-core-login-site { ion-app.app-root page-core-login-site {
.scroll-content { .scroll-content {
background: $core-login-page-background-color; background-color: $core-login-page-background-color;
} }
img.login-logo { img.login-logo {

4
src/theme/variables.scss
View File

@ -107,6 +107,7 @@ $tabs-background: $gray-darker !default;
$tabs-border-color: #b2b2b2 !default; $tabs-border-color: #b2b2b2 !default;
$tabs-tab-color-active: $core-color !default; $tabs-tab-color-active: $core-color !default;
$tabs-tab-color-inactive: $white !default; $tabs-tab-color-inactive: $white !default;
$ion-tabs-badge-color: $tabs-tab-color-active !default;
$text-input-highlight-color-valid: $green !default; $text-input-highlight-color-valid: $green !default;
$text-input-highlight-color-invalid: $red !default; $text-input-highlight-color-invalid: $red !default;
@ -147,6 +148,8 @@ $core-login-box-background-border: $gray !default;
$core-login-box-text-color: $text-color !default; $core-login-box-text-color: $text-color !default;
$core-login-button-outline: false !default; $core-login-button-outline: false !default;
$core-login-loading-color: false !default; $core-login-loading-color: false !default;
$core-login-item-inner-background-color: $white !default;
$core-login-item-background-color: $white !default;
// App iOS Variables // App iOS Variables
// -------------------------------------------------- // --------------------------------------------------
@ -241,6 +244,7 @@ $core-top-tabs-background: $white !default;
$core-top-tabs-color: $gray-dark !default; $core-top-tabs-color: $gray-dark !default;
$core-top-tabs-border: $gray !default; $core-top-tabs-border: $gray !default;
$core-top-tabs-color-active: $core-color !default; $core-top-tabs-color-active: $core-color !default;
$core-top-tabs-border-active: $core-top-tabs-color-active !default;
$core-splitview-selected: $core-color-light !default; $core-splitview-selected: $core-color-light !default;
$core-progressbar-color: $core-color-light !default; $core-progressbar-color: $core-color-light !default;