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

Vertically center contact names

Browse source 
For contacts/conversations without any messages, center their names
vertically in the conversation list element.

// FREEBIE
This commit is contained in:
lilia 2016-04-01 11:36:28 -07:00
parent 1aa975e199
commit 01ca6b7c3a
4 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
background.html
View file

@ -181,7 +181,9 @@
{{ #unreadCount }}
<span class='unread-count'>{{ unreadCount }}</span>
{{ /unreadCount }}
<p class='last-message'> {{ last_message }} </p>
{{ #last_message }}
<p class='last-message'> {{ last_message }} </p>
{{ /last_message }}
</div>
</script>
<script type='text/x-tmpl-mustache' id='phone-number'>

4
stylesheets/_global.scss
View file

@ -318,9 +318,9 @@ $avatar-size: 44px;
.contact-details {
$left-margin: 8px;
vertical-align: top;
vertical-align: middle;
display: inline-block;
margin: 4px 0 0 $left-margin;
margin: 0 0 0 $left-margin;
width: calc(100% - #{$avatar-size} - #{$left-margin});
p {

2
stylesheets/_index.scss
View file

@ -159,7 +159,7 @@ input.search {
}
.last-message {
margin: 6px 0;
margin: 6px 0 0;
font-size: small;
font-weight: 300;
}

6
stylesheets/manifest.css
View file

@ -261,9 +261,9 @@ img.emoji {
.contact:last-child::after {
display: none; }
.contact .contact-details {
vertical-align: top;
vertical-align: middle;
display: inline-block;
margin: 4px 0 0 8px;
margin: 0 0 0 8px;
width: calc(100% - 44px - 8px); }
.contact .contact-details p {
overflow-x: hidden;
@ -552,7 +552,7 @@ input.search {
display: none;
padding: 0.5em; }
.index .last-message {
margin: 6px 0;
margin: 6px 0 0;
font-size: small;
font-weight: 300; }
.index .gutter .timestamp {