xle/tt-rss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

various icon updates; use new icons in feed tree

Browse Source
This commit is contained in:
Andrew Dolgov
2018-12-05 20:26:27 +03:00
parent aff76584c8
commit cad6d1d7fd
11 changed files with 176 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/cdm.less
View File

@@ -27,7 +27,9 @@
i.material-icons {
margin-left : 2px;
padding : 2px;
transition : color 0.2s linear;
user-select: none;
font-size : 21px;
}
}

51
css/default.css
View File

@@ -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;

2
css/default.css.map
View File

File diff suppressed because one or more lines are too long

6
css/defines.less
View File

@@ -4,6 +4,10 @@
@color-accent: #257aa7;
@color-accent-light: lighten(@color-accent, 50%);
@color-link: @color-accent;
@color-published: lighten(#ff5718, 10%);
@color-marked: #ffc069;
@color-panel-bg: #f5f5f5;
@color-enabled: #69C671;
@default-text: #555;
body.ttrss_main,
@@ -45,7 +49,7 @@ body.ttrss_prefs,
font-size: 18px; /* Preferred icon size */
display: inline-block;
line-height: 1;
color : #999;
color : #777;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;

54
css/tt-rss.less
View File

@@ -230,6 +230,7 @@ body.ttrss_main {
padding : 2px;
transition : color 0.2s linear;
user-select: none;
font-size : 21px;
}
}
@@ -765,7 +766,7 @@ body.ttrss_main {
left : -3px;
height : 22px;
position : relative;
top : -6px;
top : -3px;
}
.dijitTreeRow .dijitTreeLabel.Unread {
@@ -790,11 +791,48 @@ body.ttrss_main {
background : white;
}
img.tinyFeedIcon {
.icon {
position : relative;
top : -2px;
}
i.icon {
left : -2px;
}
i.icon.icon-inbox {
color : #555;
}
i.icon.icon-archive {
color : #c77b2e;
}
i.icon.icon-star {
color : @color-marked;
font-size : 21px;
top : -4px;
left : -4px;
}
i.icon.icon-rss_feed {
color : @color-published;
border : 1px solid @color-published;
border-radius : 4px;
left : -4px;
top: -4px;
}
i.icon.icon-new_releases {
color : @color-enabled;
}
i.icon.icon-cached {
font-weight : bold;
left : -3px;
color : @color-accent;
}
}
}
@@ -927,7 +965,7 @@ body.ttrss_main {
-webkit-overflow-scrolling : touch;
}
img.feedIcon, img.tinyFeedIcon {
img.feed-icon, img.icon {
width : 16px;
height : 16px;
line-height : 16px;
@@ -1142,18 +1180,20 @@ body.ttrss_main .dijitDialog {
body.ttrss_main {
i.icon-syndicate {
color : #ff5718;
margin-right : 2px;
color : @color-published;
margin-right : 8px;
border : 1px solid @color-published;
border-radius : 4px;
}
.cdm.marked .left i.marked-pic,
.hl.marked .left i.marked-pic {
color : #ffc069;
color : @color-marked;
}
.cdm.published .left i.pub-pic,
.hl.published .left i.pub-pic {
color : #ff5718;
color : @color-published;
}
}