From cad6d1d7fd4f53d3f8363bbe0e8652b1fdd6381e Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Wed, 5 Dec 2018 20:26:27 +0300
Subject: various icon updates; use new icons in feed tree

---
 css/default.css | 51 +++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 43 insertions(+), 8 deletions(-)

(limited to 'css/default.css')

diff --git a/css/default.css b/css/default.css
index 476d07894..7ef53e6d7 100644
--- a/css/default.css
+++ b/css/default.css
@@ -203,6 +203,7 @@ body.ttrss_main .hl .right i.material-icons {
   padding: 2px;
   transition: color 0.2s linear;
   user-select: none;
+  font-size: 21px;
 }
 body.ttrss_main .hl div.title {
   cursor: pointer;
@@ -658,7 +659,7 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;
   position: relative;
-  top: -6px;
+  top: -3px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
   font-weight: bold;
@@ -677,10 +678,40 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
   border-color: #ddd transparent;
   background: white;
 }
-body.ttrss_main #feeds-holder #feedTree img.tinyFeedIcon {
+body.ttrss_main #feeds-holder #feedTree .icon {
   position: relative;
   top: -2px;
 }
+body.ttrss_main #feeds-holder #feedTree i.icon {
+  left: -2px;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox {
+  color: #555;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive {
+  color: #c77b2e;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-star {
+  color: #ffc069;
+  font-size: 21px;
+  top: -4px;
+  left: -4px;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed {
+  color: #ff7c4b;
+  border: 1px solid #ff7c4b;
+  border-radius: 4px;
+  left: -4px;
+  top: -4px;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-new_releases {
+  color: #69c671;
+}
+body.ttrss_main #feeds-holder #feedTree i.icon.icon-cached {
+  font-weight: bold;
+  left: -3px;
+  color: #257aa7;
+}
 body.ttrss_main #headlines-wrap-inner {
   padding: 0px;
   margin: 0px;
@@ -789,8 +820,8 @@ body.ttrss_main #content-insert {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
-body.ttrss_main img.feedIcon,
-body.ttrss_main img.tinyFeedIcon {
+body.ttrss_main img.feed-icon,
+body.ttrss_main img.icon {
   width: 16px;
   height: 16px;
   line-height: 16px;
@@ -969,8 +1000,10 @@ body.ttrss_main .dijitDialog h4:first-of-type {
   margin-top: 0px;
 }
 body.ttrss_main i.icon-syndicate {
-  color: #ff5718;
-  margin-right: 2px;
+  color: #ff7c4b;
+  margin-right: 8px;
+  border: 1px solid #ff7c4b;
+  border-radius: 4px;
 }
 body.ttrss_main .cdm.marked .left i.marked-pic,
 body.ttrss_main .hl.marked .left i.marked-pic {
@@ -978,7 +1011,7 @@ body.ttrss_main .hl.marked .left i.marked-pic {
 }
 body.ttrss_main .cdm.published .left i.pub-pic,
 body.ttrss_main .hl.published .left i.pub-pic {
-  color: #ff5718;
+  color: #ff7c4b;
 }
 ::selection {
   background: #257aa7;
@@ -1021,7 +1054,9 @@ body.ttrss_main .hl.published .left i.pub-pic {
 .cdm .header .right i.material-icons {
   margin-left: 2px;
   padding: 2px;
+  transition: color 0.2s linear;
   user-select: none;
+  font-size: 21px;
 }
 .cdm .header .titleWrap {
   flex-grow: 2;
@@ -1942,7 +1977,7 @@ body.ttrss_zoom div.post div.content pre {
   /* Preferred icon size */
   display: inline-block;
   line-height: 1;
-  color: #999;
+  color: #777;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
-- 
cgit v1.2.3