thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Change right header color

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-21 11:03:50 -07:00
parent dd943163fe
commit d391f07c1e
3 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
js/views/inbox_view.js
View file

@ -119,12 +119,12 @@
return; return;
} }
this.$('#header').removeClass('active'); this.$('#header').addClass('inactive');
this.$('.conversation-stack').removeClass('inactive'); this.$('.conversation-stack').removeClass('inactive');
}, },
focusHeader: function() { focusHeader: function() {
this.$('.conversation-stack').addClass('inactive'); this.$('.conversation-stack').addClass('inactive');
this.$('#header').addClass('active'); this.$('#header').removeClass('inactive');
}, },
reloadBackgroundPage: function() { reloadBackgroundPage: function() {
chrome.runtime.reload(); chrome.runtime.reload();

14
stylesheets/_global.scss
View file

@ -29,13 +29,13 @@ body {
} }
#header { #header {
background-color: $grey_l; background-color: $blue;
color: $grey_d; color: white;
transition: background-color 0.5s; transition: background-color 0.5s;
&.active { &.inactive {
background-color: $blue; background-color: $grey_l;
color: white; color: $grey_d;
} }
h1 { h1 {
@ -97,6 +97,10 @@ button.back {
} }
} }
.inactive .menu .hamburger {
background: url('/images/menu_black.png') no-repeat center;
}
.menu { .menu {
position: relative; position: relative;
float: right; float: right;

13
stylesheets/manifest.css
View file

@ -38,12 +38,12 @@ body {
display: none; } display: none; }
#header { #header {
background-color: #f3f3f3; background-color: #2090ea;
color: #454545; color: white;
transition: background-color 0.5s; } transition: background-color 0.5s; }
#header.active { #header.inactive {
background-color: #2090ea; background-color: #f3f3f3;
color: white; } color: #454545; }
#header h1 { #header h1 {
margin: 0; margin: 0;
line-height: 64px; line-height: 64px;
@ -89,6 +89,9 @@ button.back {
vertical-align: middle; vertical-align: middle;
display: table-cell; } display: table-cell; }
.inactive .menu .hamburger {
background: url("/images/menu_black.png") no-repeat center; }
.menu { .menu {
position: relative; position: relative;
float: right; } float: right; }