taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changed background color of active menu items

stable
Daniel García 2018-11-19 10:55:54 +01:00 committed by Alex Hermida
parent cd942e573a
commit 11d2e38eb9
5 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/modules/components/filter/filter.scss
View File

@ -1,6 +1,5 @@
tg-filter { tg-filter {
background-color: $mass-white; background-color: $mass-white;
box-shadow: 1px 1px 5px rgba($primary, .2);
display: block; display: block;
left: 0; left: 0;
min-height: 100%; min-height: 100%;
@ -40,6 +39,7 @@ tg-filter {
top: .7rem; top: .7rem;
} }
&.open { &.open {
box-shadow: 1px 1px 5px rgba($primary, .2);
transform: translateX(0); transform: translateX(0);
} }
} }

9
app/styles/modules/common/nav.scss
View File

@ -86,11 +86,12 @@ tg-project-menu {
@include font-size(large); @include font-size(large);
} }
.active { .active {
background: rgba($black, .2); background: rgba($white, .95);
color: $primary-light; color: $secondary-dark;
svg path { svg {
fill: $primary-light; fill: $secondary-dark;
opacity: 1; opacity: 1;
stroke: $secondary-dark;
} }
} }
} }

2
app/themes/high-contrast/variables.scss
View File

@ -19,6 +19,8 @@ $primary: #000;
$primary-dark: #000; $primary-dark: #000;
$primary-background: #dfdfdf; $primary-background: #dfdfdf;
$secondary-dark: #000;
// Mass white // Mass white
$mass-white: #f5f5f5; $mass-white: #f5f5f5;

2
app/themes/material-design/variables.scss
View File

@ -22,6 +22,8 @@ $primary: #3f51b5;
$primary-dark: #1a237e; $primary-dark: #1a237e;
$primary-background: #929dd8; $primary-background: #929dd8;
$secondary-dark: #1a237e;
// Status colors // Status colors
$red-light: #ff5252; $red-light: #ff5252;
$red: #f44336; $red: #f44336;

2
app/themes/taiga/variables.scss
View File

@ -22,6 +22,8 @@ $primary: #5b8200;
$primary-dark: #879b89; $primary-dark: #879b89;
$primary-background: #E8F5E3; $primary-background: #E8F5E3;
$secondary-dark: #627695;
//Status colors //Status colors
$red-light: #ff8282; $red-light: #ff8282;
$red: #f00; $red: #f00;