mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Apply 0.5s transition on header colors

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-20 23:46:31 -07:00
parent f72c1dff13
commit f81d882213
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
stylesheets/_global.scss
View file

@ -31,6 +31,7 @@ body {
#header { #header {
background-color: $grey_l; background-color: $grey_l;
color: $grey_d; color: $grey_d;
transition: background-color 0.5s;
&.active { &.active {
background-color: $blue; background-color: $blue;

5
stylesheets/_index.scss
View file

@ -58,7 +58,8 @@
height: 64px; height: 64px;
text-align: center; text-align: center;
color: white; color: white;
background: #999999; background-color: #999999;
transition: background-color 0.5s;
.avatar { .avatar {
margin-bottom: -30px; margin-bottom: -30px;
@ -71,7 +72,7 @@
} }
} }
.inactive .conversation-header { .inactive .conversation-header {
background: $grey_l !important; background-color: $grey_l !important;
color: $grey_d; color: $grey_d;
} }

8
stylesheets/manifest.css
View file

@ -39,7 +39,8 @@ body {
#header { #header {
background-color: #f3f3f3; background-color: #f3f3f3;
color: #454545; } color: #454545;
transition: background-color 0.5s; }
#header.active { #header.active {
background-color: #2090ea; background-color: #2090ea;
color: white; } color: white; }
@ -473,7 +474,8 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
height: 64px; height: 64px;
text-align: center; text-align: center;
color: white; color: white;
background: #999999; } background-color: #999999;
transition: background-color 0.5s; }
.conversation-header .avatar { .conversation-header .avatar {
margin-bottom: -30px; margin-bottom: -30px;
border: solid 2px white; border: solid 2px white;
@ -484,7 +486,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
position: relative; } position: relative; }
.inactive .conversation-header { .inactive .conversation-header {
background: #f3f3f3 !important; background-color: #f3f3f3 !important;
color: #454545; } color: #454545; }
input.search { input.search {