Conversation list style tweaks
List items are translucent normally, opaque grey/white when selected. // FREEBIE
This commit is contained in:
parent
b0112e8c2e
commit
f7452d2825
2 changed files with 4 additions and 8 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue