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; font-weight: bold;
} }
li .date { li .from {
position: absolute; position: absolute;
top: -1.8em; top: -1.8em;
right: 10px; right: 10px;
@ -188,12 +188,12 @@ li .date {
font-size: 0.9em; font-size: 0.9em;
} }
li:hover .date { li:hover .from {
display: block; display: block;
} }
li:first-child:hover .date { li:first-child:hover .from {
top: auto; top: auto;
bottom: -1.6em; bottom: -1.6em;
z-index: 2; z-index: 2;
@ -209,7 +209,6 @@ li:first-child:hover .date {
aside { aside {
float: right; float: right;
margin: 0 3px 3px 3px; margin: 0 3px 3px 3px;
visibility: hidden;
} }
.reply_to, .repost, .remove { .reply_to, .repost, .remove {
@ -218,12 +217,28 @@ aside {
background: url(../img/sprite-icons.png) no-repeat -16px 0; background: url(../img/sprite-icons.png) no-repeat -16px 0;
float: right; float: right;
margin-left: 2px; 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; 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 { .repost {
background-position: -192px 0; 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"); var aside = document.createElement("aside");
item.appendChild(aside); item.appendChild(aside);
var ago = a.cloneNode();
ago.className = "ago";
aside.appendChild(ago);
var reply_to = a.cloneNode(); var reply_to = a.cloneNode();
reply_to.className = "reply_to" reply_to.className = "reply_to"
reply_to.innerText = " "; reply_to.innerText = " ";
@ -111,19 +115,16 @@ function(jQuery, Paths, URI, HostApp, Cache) {
images.className = "images"; images.className = "images";
data.appendChild(images); data.appendChild(images);
var date = message.cloneNode(); var from = message.cloneNode();
date.className = "date"; from.className = "from";
data.appendChild(date); data.appendChild(from);
var ago = a.cloneNode(); var from_text = document.createTextNode("from ");
date.appendChild(ago); from.appendChild(from_text)
var from = document.createTextNode(" from ");
date.appendChild(from)
var source = document.createElement("a"); var source = document.createElement("a");
source.className = "source"; source.className = "source";
date.appendChild(source) from.appendChild(source)
this.template = { this.template = {
item: item, item: item,

View file

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