colin/Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Contact name now overflows into ellipsis

Browse Source
This commit is contained in:
Dave Sescleifer
2014-12-22 22:47:17 -06:00
committed by lilia
parent 441962abc6
commit 1c47fb7ed8
3 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -70,7 +70,7 @@
<script type='text/x-tmpl-mustache' id='contact'> <script type='text/x-tmpl-mustache' id='contact'>
<div class='avatar' style='background-image: url({{ contact_avatar }});'></div> <div class='avatar' style='background-image: url({{ contact_avatar }});'></div>
<div class='contact-details'> <div class='contact-details'>
<h3> <h3 class='contact-name'>
{{ contact_name }} {{ contact_name }}
</h3> </h3>
<p class='last-message'> <p class='last-message'>

5
stylesheets/manifest.css
View File

@@ -152,6 +152,11 @@ body {
.gutter .contact .contact-details h3 { .gutter .contact .contact-details h3 {
font-size: 13px; font-size: 13px;
margin-bottom: 4px; } margin-bottom: 4px; }
.gutter .contact .contact-details .contact-name {
width: 105px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.gutter .contact .contact-details .last-message { .gutter .contact .contact-details .last-message {
color: #999999; color: #999999;
letter-spacing: 0.15px; letter-spacing: 0.15px;

6
stylesheets/view/_gutter.scss
View File

@@ -87,6 +87,12 @@
font-size:13px; font-size:13px;
margin-bottom:4px; margin-bottom:4px;
} }
.contact-name {
width: 105px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.last-message { .last-message {
color:lighten(#333, 40%); color:lighten(#333, 40%);
letter-spacing:0.15px; letter-spacing:0.15px;