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 }} {{ #unreadCount }}
<span class='unread-count'>{{ unreadCount }}</span> <span class='unread-count'>{{ unreadCount }}</span>
{{ /unreadCount }} {{ /unreadCount }}
<p class='last-message'> {{ last_message }} </p> {{ #last_message }}
<p class='last-message'> {{ last_message }} </p>
{{ /last_message }}
</div> </div>
</script> </script>
<script type='text/x-tmpl-mustache' id='phone-number'> <script type='text/x-tmpl-mustache' id='phone-number'>

4
stylesheets/_global.scss
View file

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

2
stylesheets/_index.scss
View file

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

6
stylesheets/manifest.css
View file

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