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

use css3 gradients to color rrows

This commit is contained in:
Andrew Dolgov 2012-10-25 17:05:18 +04:00
parent 30c337cf3d
commit f65ede50eb
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
classes/feeds.php
View File

@ -9,6 +9,18 @@ class Feeds extends Handler_Protected {
return array_search($method, $csrf_ignored) !== false; return array_search($method, $csrf_ignored) !== false;
} }
private function make_gradient($end, $class) {
$start = $class == "even" ? "#f0f0f0" : "#ffffff";
return "style='background: linear-gradient(left , $start 6%, $end 100%);
background: -o-linear-gradient(left , $start 6%, $end 100%);
background: -moz-linear-gradient(left , $start 6%, $end 100%);
background: -webkit-linear-gradient(left , $start 6%, $end 100%);
background: -ms-linear-gradient(left , $start 6%, $end 100%);
background: -webkit-gradient(linear, left top, right top,
color-stop(0.06, $start), color-stop(1, $end));'";
}
private function format_headline_subtoolbar($feed_site_url, $feed_title, private function format_headline_subtoolbar($feed_site_url, $feed_title,
$feed_id, $is_cat, $search, $match_on, $feed_id, $is_cat, $search, $match_on,
$search_mode, $view_mode, $error) { $search_mode, $view_mode, $error) {
@ -277,15 +289,11 @@ class Feeds extends Handler_Protected {
$bg = rgb2hsl(_color_unpack($labels[0][3])); $bg = rgb2hsl(_color_unpack($labels[0][3]));
if ($bg && $bg[1] > 0) { if ($bg && $bg[1] > 0) {
$bg[1] = 0.04; $bg[1] = 0.1;
if ($class == "even")
$bg[2] = 0.9;
else
$bg[2] = 1; $bg[2] = 1;
$bg = _color_pack(hsl2rgb($bg)); $bg = _color_pack(hsl2rgb($bg));
$label_row_style = "style='background-color : $bg;'"; $label_row_style = $this->make_gradient($bg, $class);;
} }
} }
} }

8
tt-rss.css
View File

@ -194,7 +194,7 @@ a:hover {
} }
.even.Unread.Selected, .even.Unread.Selected td { .even.Unread.Selected, .even.Unread.Selected td {
background-color : #fff7d5 ! important; background : #fff7d5 ! important;
font-weight : bold; font-weight : bold;
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
@ -202,7 +202,7 @@ a:hover {
} }
.odd.Unread.Selected, .odd.Unread.Selected td { .odd.Unread.Selected, .odd.Unread.Selected td {
background-color : #fff7d5 ! important; background : #fff7d5 ! important;
font-weight : bold; font-weight : bold;
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
@ -210,7 +210,7 @@ a:hover {
} }
.even.Selected, .even.Selected td { .even.Selected, .even.Selected td {
background-color : #fff7d5; background : #fff7d5;
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #e7d796; border-color : #e7d796;
@ -218,7 +218,7 @@ a:hover {
} }
.odd.Selected, .odd.Selected td { .odd.Selected, .odd.Selected td {
background-color : #fff7d5; background : #fff7d5;
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #e7d796; border-color : #e7d796;