moved time ago from tab to always visible, added conversation icon
This commit is contained in:
parent
0bb13e6d33
commit
b7b736d9d9
4 changed files with 35 additions and 19 deletions
|
@ -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
BIN
WebKit/img/conversation.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 543 B |
|
@ -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,
|
||||
|
|
|
@ -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",
|
||||
|
|
Reference in a new issue