Conversation list style tweaks

List items are translucent normally, opaque grey/white when selected.

// FREEBIE
This commit is contained in:
lilia 2015-10-17 12:07:53 -07:00
parent b0112e8c2e
commit f7452d2825
2 changed files with 4 additions and 8 deletions

View file

@ -271,14 +271,12 @@ $avatar-size: 44px;
padding: 12px; padding: 12px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
box-shadow: 0 0px 1px rgba(#aaa, 0.8); background: rgba(255,255,255,0.6);
background: $grey_l;
margin: 10px; margin: 10px;
border-radius: 10px; border-radius: 10px;
&.selected { &.selected {
background: $blue; background: $grey_l;
color: #ffffff;
} }
&:first-child { &:first-child {

View file

@ -225,13 +225,11 @@ img.emoji {
padding: 12px; padding: 12px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
box-shadow: 0 0px 1px rgba(170, 170, 170, 0.8); background: rgba(255, 255, 255, 0.6);
background: #f3f3f3;
margin: 10px; margin: 10px;
border-radius: 10px; } border-radius: 10px; }
.contact.selected { .contact.selected {
background: #2090ea; background: #f3f3f3; }
color: #ffffff; }
.contact:first-child { .contact:first-child {
margin-top: 0; } margin-top: 0; }
.contact:last-child::after { .contact:last-child::after {