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

Fix overlapping name and timestamp

Browse source 
In the conversation list, fix long conversation names overlapping with
the right-floated timestamps.

// FREEBIE
This commit is contained in:
lilia 2015-10-23 15:47:32 -07:00
parent 65231f4864
commit 4970cbeaed
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
background.html
View file

@ -121,8 +121,8 @@
<script type='text/x-tmpl-mustache' id='conversation-preview'> <script type='text/x-tmpl-mustache' id='conversation-preview'>
{{> avatar }} {{> avatar }}
<div class='contact-details'> <div class='contact-details'>
{{> contact_name_and_number }}
<span class='last-timestamp'> {{ last_message_timestamp }} </span> <span class='last-timestamp'> {{ last_message_timestamp }} </span>
{{> contact_name_and_number }}
<p class='last-message'> {{ last_message }} </p> <p class='last-message'> {{ last_message }} </p>
</div> </div>
</script> </script>

2
stylesheets/_global.scss
View file

@ -302,12 +302,12 @@ $avatar-size: 44px;
} }
.name { .name {
display: block;
margin: 0; margin: 0;
font-size: 1em; font-size: 1em;
font-weight: 400; font-weight: 400;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; overflow-x: hidden;
display: inline-block;
} }
.number { .number {

2
stylesheets/_index.scss
View file

@ -121,7 +121,7 @@ input.search {
.last-timestamp { .last-timestamp {
font-size: smaller; font-size: smaller;
float: right; float: right;
margin-right: 10px; margin: 0 10px;
} }
.new-contact { .new-contact {

6
stylesheets/manifest.css
View file

@ -243,12 +243,12 @@ img.emoji {
overflow-x: hidden; overflow-x: hidden;
text-overflow: ellipsis; } text-overflow: ellipsis; }
.contact .name { .contact .name {
display: block;
margin: 0; margin: 0;
font-size: 1em; font-size: 1em;
font-weight: 400; font-weight: 400;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; overflow-x: hidden; }
display: inline-block; }
.contact .number { .contact .number {
color: #616161; color: #616161;
font-size: small; } font-size: small; }
@ -491,7 +491,7 @@ input.search {
.last-timestamp { .last-timestamp {
font-size: smaller; font-size: smaller;
float: right; float: right;
margin-right: 10px; } margin: 0 10px; }
.new-contact { .new-contact {
display: none; display: none;