moved time ago from tab to always visible, added conversation icon

This commit is contained in:
Jeena Paradies 2013-02-15 20:22:44 +01:00
parent 0bb13e6d33
commit b7b736d9d9
4 changed files with 35 additions and 19 deletions

View file

@ -173,7 +173,7 @@ p {
font-weight: bold;
}
li .date {
li .from {
position: absolute;
top: -1.8em;
right: 10px;
@ -188,12 +188,12 @@ li .date {
font-size: 0.9em;
}
li:hover .date {
li:hover .from {
display: block;
}
li:first-child:hover .date {
li:first-child:hover .from {
top: auto;
bottom: -1.6em;
z-index: 2;
@ -209,7 +209,6 @@ li:first-child:hover .date {
aside {
float: right;
margin: 0 3px 3px 3px;
visibility: hidden;
}
.reply_to, .repost, .remove {
@ -218,12 +217,28 @@ aside {
background: url(../img/sprite-icons.png) no-repeat -16px 0;
float: right;
margin-left: 2px;
visibility: hidden;
}
li:hover aside {
li:hover aside .reply_to, li:hover aside .repost, li:hover aside .remove, li:hover aside .ago:before {
visibility: visible;
}
.ago {
float: right;
color: #666;
}
.ago:before {
content: " ";
display: inline-block;
background: url(../img/conversation.png) no-repeat;
height: 12px;
width: 15px;
margin-right: 5px;
visibility: hidden;
}
.repost {
background-position: -192px 0;
}

BIN
WebKit/img/conversation.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 543 B

View file

@ -26,6 +26,10 @@ function(jQuery, Paths, URI, HostApp, Cache) {
var aside = document.createElement("aside");
item.appendChild(aside);
var ago = a.cloneNode();
ago.className = "ago";
aside.appendChild(ago);
var reply_to = a.cloneNode();
reply_to.className = "reply_to"
reply_to.innerText = " ";
@ -111,19 +115,16 @@ function(jQuery, Paths, URI, HostApp, Cache) {
images.className = "images";
data.appendChild(images);
var date = message.cloneNode();
date.className = "date";
data.appendChild(date);
var from = message.cloneNode();
from.className = "from";
data.appendChild(from);
var ago = a.cloneNode();
date.appendChild(ago);
var from = document.createTextNode(" from ");
date.appendChild(from)
var from_text = document.createTextNode("from ");
from.appendChild(from_text)
var source = document.createElement("a");
source.className = "source";
date.appendChild(source)
from.appendChild(source)
this.template = {
item: item,

View file

@ -43,9 +43,9 @@ function($) {
prefixFromNow: null,
suffixAgo: null,
suffixFromNow: "from now",
seconds: "%d sec",
minute: "1 min",
minutes: "%d min",
seconds: "%ds",
minute: "1m",
minutes: "%dm",
hour: "1h",
hours: "%dh",
day: "1 day",