More small tweaks
Lighten last-message color for both read/unread states. Keep bold font weight on last-message for unread state. Bring timestamp inward a bit // FREEBIE
This commit is contained in:
parent
cafbc0f5df
commit
5a8787f91a
2 changed files with 9 additions and 3 deletions
|
@ -120,6 +120,7 @@ input.search {
|
||||||
.last-timestamp {
|
.last-timestamp {
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
float: right;
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-contact {
|
.new-contact {
|
||||||
|
@ -149,6 +150,7 @@ input.search {
|
||||||
margin: 6px 0;
|
margin: 6px 0;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
color: $grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gutter .timestamp {
|
.gutter .timestamp {
|
||||||
|
@ -173,6 +175,7 @@ input.search {
|
||||||
|
|
||||||
.conversations .unread .contact-details {
|
.conversations .unread .contact-details {
|
||||||
.name,
|
.name,
|
||||||
|
.last-message,
|
||||||
.last-timestamp {
|
.last-timestamp {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
|
@ -451,7 +451,7 @@ img.emoji {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
.conversation-header {
|
.conversation-header {
|
||||||
border-bottom: solid 1px #dadada;
|
border-bottom: solid 1px #d9d9d9;
|
||||||
margin-bottom: 4px; }
|
margin-bottom: 4px; }
|
||||||
|
|
||||||
.menu.conversation-menu button.drop-down {
|
.menu.conversation-menu button.drop-down {
|
||||||
|
@ -489,7 +489,8 @@ input.search {
|
||||||
|
|
||||||
.last-timestamp {
|
.last-timestamp {
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
float: right; }
|
float: right;
|
||||||
|
margin-right: 10px; }
|
||||||
|
|
||||||
.new-contact {
|
.new-contact {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -513,7 +514,8 @@ input.search {
|
||||||
.index .last-message {
|
.index .last-message {
|
||||||
margin: 6px 0;
|
margin: 6px 0;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
font-weight: 300; }
|
font-weight: 300;
|
||||||
|
color: #616161; }
|
||||||
.index .gutter .timestamp {
|
.index .gutter .timestamp {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 14px;
|
top: 14px;
|
||||||
|
@ -529,6 +531,7 @@ input.search {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
.conversations .unread .contact-details .name,
|
.conversations .unread .contact-details .name,
|
||||||
|
.conversations .unread .contact-details .last-message,
|
||||||
.conversations .unread .contact-details .last-timestamp {
|
.conversations .unread .contact-details .last-timestamp {
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue