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

remove gradients, update favicon avg color display

This commit is contained in:
Andrew Dolgov 2013-05-07 19:39:04 +04:00
parent 48e5a75654
commit d310348460
3 changed files with 27 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
cdm.css
View File

@ -202,6 +202,12 @@ div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
font-size : 11px; font-size : 11px;
} }
div.cdm .hlFeed a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
}
div.cdmContentInner p { div.cdmContentInner p {
max-width : 650px; max-width : 650px;
} }

34
classes/feeds.php
View File

@ -409,23 +409,6 @@ class Feeds extends Handler_Protected {
if (!isset($rgba_cache[$feed_id])) { if (!isset($rgba_cache[$feed_id])) {
$rgba_cache[$feed_id] = join(",", _color_unpack($fav_color)); $rgba_cache[$feed_id] = join(",", _color_unpack($fav_color));
} }
$rgba = $rgba_cache[$feed_id];
if (sql_bool_to_bool($line["unread"]))
$endalpha = '0.3';
else
$endalpha = '0.1';
// W3C definition seems to work in FF and Chrome
$row_background = "background-image : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba($rgba, $endalpha) 100%);";
/* $row_background = "background-image : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, rgba($rgba, 0.2) 100%);".
"background-image : linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba($rgba, 0.2) 100%);";
"background-image : -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,0)),
color-stop(100%, rgba($rgba, 0.2)));"; */
} else {
$row_background = "";
} }
if (!get_pref('COMBINED_DISPLAY_MODE')) { if (!get_pref('COMBINED_DISPLAY_MODE')) {
@ -451,7 +434,7 @@ class Feeds extends Handler_Protected {
$mouseover_attrs = "onmouseover='postMouseIn(event, $id)' $mouseover_attrs = "onmouseover='postMouseIn(event, $id)'
onmouseout='postMouseOut($id)'"; onmouseout='postMouseOut($id)'";
$reply['content'] .= "<div class='hl $class' id='RROW-$id' $mouseover_attrs style='$row_background'>"; $reply['content'] .= "<div class='hl $class' id='RROW-$id' $mouseover_attrs>";
$reply['content'] .= "<div class='hlLeft'>"; $reply['content'] .= "<div class='hlLeft'>";
@ -487,14 +470,14 @@ class Feeds extends Handler_Protected {
if (!get_pref('VFEED_GROUP_BY_FEED')) { if (!get_pref('VFEED_GROUP_BY_FEED')) {
if (@$line["feed_title"]) { if (@$line["feed_title"]) {
$reply['content'] .= "<div class=\"hlFeed\"> $rgba = @$rgba_cache[$feed_id];
<a href=\"#\" onclick=\"viewfeed($feed_id)\">".
truncate_string($line["feed_title"],30)."</a> $reply['content'] .= "<a class=\"hlFeed\" style=\"background : rgba($rgba, 0.3)\" href=\"#\" onclick=\"viewfeed($feed_id)\">".
</div>"; truncate_string($line["feed_title"],30)."</a>";
} }
} }
$reply['content'] .= "<span title='$date_entered_fmt'>$updated_fmt</span> $reply['content'] .= "<div title='$date_entered_fmt'>$updated_fmt</div>
</span>"; </span>";
$reply['content'] .= "<div class=\"hlRight\">"; $reply['content'] .= "<div class=\"hlRight\">";
@ -597,8 +580,11 @@ class Feeds extends Handler_Protected {
if (!get_pref('VFEED_GROUP_BY_FEED')) { if (!get_pref('VFEED_GROUP_BY_FEED')) {
if (@$line["feed_title"]) { if (@$line["feed_title"]) {
$rgba = @$rgba_cache[$feed_id];
$reply['content'] .= "<div class=\"hlFeed\"> $reply['content'] .= "<div class=\"hlFeed\">
<a href=\"#\" onclick=\"viewfeed($feed_id)\">". <a href=\"#\" style=\"background-color: rgba($rgba,0.3)\"
onclick=\"viewfeed($feed_id)\">".
truncate_string($line["feed_title"],30)."</a> truncate_string($line["feed_title"],30)."</a>
</div>"; </div>";
} }

17
tt-rss.css
View File

@ -407,15 +407,21 @@ div.postHeader div {
display : none; display : none;
} }
div.hlFeed, div.hlFeed a { a.hlFeed {
font-size : 10px; display : block;
color : gray; white-space : nowrap;
font-size : 9px;
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
white-space: nowrap; border-radius : 4px;
display : inline-block;
padding : 1px 2px 1px 2px;
margin-bottom : 2px;
margin-top : 2px;
color : gray;
} }
div.hlFeed a:hover { a.hlFeed:hover {
color : #4684ff; color : #4684ff;
} }
@ -725,7 +731,6 @@ span.hlUpdated {
vertical-align : middle; vertical-align : middle;
text-align : right; text-align : right;
font-size : 10px; font-size : 10px;
font-weight : normal;
} }
div.hlLeft { div.hlLeft {