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;
|
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
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");
|
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,
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Reference in a new issue