cadey
/
Shuo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move timestamp to the left

This commit is contained in:
Mattias Erming 2014-06-20 01:11:53 +02:00
parent 655e2690eb
commit 5e8ae7686e
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/css/style.css
View File

@ -307,7 +307,7 @@ button {
background: #fff; background: #fff;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
bottom: 35px; bottom: 35px;
box-shadow: inset 160px 0 #f9f9f9; box-shadow: inset 180px 0 #f9f9f9;
left: 0; left: 0;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -348,10 +348,10 @@ button {
padding-bottom: 2px; padding-bottom: 2px;
} }
#chat .row:first-child span { #chat .row:first-child span {
padding-top: 6px; padding-top: 5px;
} }
#chat .row:last-child span { #chat .row:last-child span {
padding-bottom: 6px; padding-bottom: 5px;
} }
#chat .row:hover .time { #chat .row:hover .time {
color: #aaa; color: #aaa;
@ -359,7 +359,7 @@ button {
#chat .from { #chat .from {
padding-right: 10px; padding-right: 10px;
text-align: right; text-align: right;
width: 160px; width: 134px;
} }
#chat .text { #chat .text {
padding-left: 10px; padding-left: 10px;
@ -393,8 +393,8 @@ button {
} }
#chat .time { #chat .time {
color: #ddd; color: #ddd;
text-align: center; text-align: right;
width: 50px; width: 46px;
} }
#chat .sidebar { #chat .sidebar {
bottom: 0; bottom: 0;

6
client/index.html
View File

@ -136,6 +136,9 @@
<script type="text/html" class="messages"> <script type="text/html" class="messages">
{{#each messages}} {{#each messages}}
<div class="row {{type}}"> <div class="row {{type}}">
<span class="time">
{{time}}
</span>
<span class="from"> <span class="from">
<a href="#{{from}}" class="user">{{from}}</a> <a href="#{{from}}" class="user">{{from}}</a>
</span> </span>
@ -147,9 +150,6 @@
{{/if}} {{/if}}
{{{uri text}}} {{{uri text}}}
</span> </span>
<span class="time">
{{time}}
</span>
</div> </div>
{{/each}} {{/each}}
</script> </script>