valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rework floatingtitle

This commit is contained in:
Andrew Dolgov 2013-07-10 22:11:24 +04:00
parent a290e9ea2e
commit 8ee5e9e5e6
3 changed files with 92 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
css/cdm.css
View File

@ -230,39 +230,71 @@ div.cdmHeader span.author {
div#floatingTitle { div#floatingTitle {
position : absolute; position : absolute;
z-index : 5; z-index : 5;
top : 30px; top : 26px;
right : 20px; right : 0px;
border : 1px solid #ccc; left : 0px;
background : white; border-color : #ccc;
border-radius : 3px; border-width : 0px 0px 1px 0px;
box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); border-style : solid;
background : #fcfcfc;
color : #555; color : #555;
font-size : 10px; box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1);
padding : 3px;
} }
div#floatingTitle > * { div#floatingTitle > * {
display : table-cell; display : table-cell;
white-space : nowrap; white-space : nowrap;
vertical-align : middle; vertical-align : middle;
} padding : 9px 5px;
div#floatingTitle span.titleWrap {
max-width : 200px;
overflow : hidden;
text-overflow : ellipsis;
} }
div#floatingTitle img { div#floatingTitle img {
padding-right : 3px; margin-right : 4px;
margin-left : 4px;
} }
div#floatingTitle .dijit, div#floatingTitle span.author {
div#floatingTitle span.updated, color : #555;
div#floatingTitle div.scoreWrap, font-size : 11px;
div#floatingTitle div.hlFeed, font-weight : normal;
div#floatingTitle span.author, }
div#floatingTitle img.tinyFeedIcon {
div#floatingTitle a.title {
font-size : 14px;
color : #999;
font-weight : bold;
}
div#floatingTitle img.anchor {
margin-right : 1px;
margin-left : 0px;
}
div#floatingTitle div.hlFeed {
padding-right : 10px;
color : #555;
font-weight : normal;
font-style : italic;
font-size : 11px;
white-space : nowrap;
}
div#floatingTitle span.updated {
padding-right : 10px;
white-space : nowrap;
color : #555;
font-size : 11px;
}
div#floatingTitle div.hlFeed a {
color : #555;
}
div#floatingTitle span.titleWrap {
width : 100%;
}
div#floatingTitle .dijit,
div#floatingTitle img.hlScorePic {
display : none; display : none;
} }

BIN
images/page_white_go.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 612 B

51
js/viewfeed.js
View File

@ -2215,27 +2215,54 @@ function openSelectedAttachment(elem) {
} }
} }
function scrollToRowId(id) {
try {
var row = $(id);
if (row)
$("headlines-frame").scrollTop = row.offsetTop;
} catch (e) {
exception_error("scrollToRowId", e);
}
}
function updateFloatingTitle() { function updateFloatingTitle() {
try { try {
var hf = $("headlines-frame"); var hf = $("headlines-frame");
var child = $("RROW-" + _active_article_id); var child = $("RROW-" + _active_article_id);
if (child && child.offsetTop + child.offsetHeight > hf.scrollTop) { var elems;
var header = child.getElementsByClassName("cdmHeader")[0]; if (getInitParam("cdm_auto_catchup"))
elems = [$$("RROW-" + _active_article_id)];
else
elems = $$("#headlines-frame > div[id*=RROW]");
if (child.id != $("floatingTitle").getAttribute("rowid")) { for (var i = 0; i < elems.length; i++) {
$("floatingTitle").setAttribute("rowid", child.id);
$("floatingTitle").innerHTML = header.innerHTML; var child = elems[i];
if (child && child.offsetTop + child.offsetHeight > hf.scrollTop) {
var header = child.getElementsByClassName("cdmHeader")[0];
if (child.id != $("floatingTitle").getAttribute("rowid")) {
$("floatingTitle").setAttribute("rowid", child.id);
$("floatingTitle").innerHTML = header.innerHTML;
$("floatingTitle").firstChild.innerHTML = "<img class='anchor markedPic' src='images/page_white_go.png' onclick=\"scrollToRowId('"+child.id+"')\">" + $("floatingTitle").firstChild.innerHTML;
PluginHost.run(PluginHost.HOOK_FLOATING_TITLE, child);
}
if (child.offsetTop < hf.scrollTop - header.offsetHeight)
Element.show("floatingTitle");
else
Element.hide("floatingTitle");
return;
PluginHost.run(PluginHost.HOOK_FLOATING_TITLE, child);
} }
if (child.offsetTop < hf.scrollTop - header.offsetHeight - 100 &&
child.offsetTop + child.offsetHeight - hf.scrollTop > 100)
Element.show("floatingTitle");
else
Element.hide("floatingTitle");
} }
} catch (e) { } catch (e) {