feed tree: css cleanup; set cursor

This commit is contained in:
Andrew Dolgov 2021-03-15 21:33:35 +03:00
parent b23ba3e236
commit 1870fe172b
6 changed files with 219 additions and 211 deletions

View File

@ -511,7 +511,17 @@ body.ttrss_main #feeds-holder #feedTree {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
border: 1px solid transparent;
cursor: pointer;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold; font-weight: bold;
display: none; display: none;
font-size: 9px; font-size: 9px;
@ -529,63 +539,54 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
min-width: 23px; min-width: 23px;
height: 14px; height: 14px;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.aux, body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #f5f5f5; background: #f5f5f5;
color: #6f6f6f; color: #6f6f6f;
border-color: #dcdcdc; border-color: #dcdcdc;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
border-color: #257aa7; border-color: #257aa7;
background: #ffffff; background: #ffffff;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: #3ea447; background-color: #3ea447;
border-color: #307f37; border-color: #307f37;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold; font-weight: bold;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Error .dijitTreeLabel {
color: red; color: red;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
border: 1px solid transparent;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #ddd transparent; border-color: #ddd transparent;
background: white; background: white;
color: #333; color: #333;
} }
body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px; margin-right: 2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #555; color: #555;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #c77b2e; color: #c77b2e;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-star {
position: relative; position: relative;
color: #ffc069; color: #ffc069;
font-size: 21px; font-size: 21px;
left: -2px; left: -2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-rss_feed {
color: #ff7c4b; color: #ff7c4b;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-whatshot {
color: #69C671; color: #69C671;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-restore {
position: relative; position: relative;
top: -1px; top: -1px;
font-weight: bold; font-weight: bold;

View File

@ -511,7 +511,17 @@ body.ttrss_main #feeds-holder #feedTree {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
border: 1px solid transparent;
cursor: pointer;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold; font-weight: bold;
display: none; display: none;
font-size: 9px; font-size: 9px;
@ -529,63 +539,54 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
min-width: 23px; min-width: 23px;
height: 14px; height: 14px;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.aux, body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #222; background: #222;
color: #e6e6e6; color: #e6e6e6;
border-color: #080808; border-color: #080808;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
border-color: #b87d2c; border-color: #b87d2c;
background: #ffffff; background: #ffffff;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: #3ea447; background-color: #3ea447;
border-color: #307f37; border-color: #307f37;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold; font-weight: bold;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Error .dijitTreeLabel {
color: red; color: red;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
border: 1px solid transparent;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #222 transparent; border-color: #222 transparent;
background: #333; background: #333;
color: #333; color: #333;
} }
body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px; margin-right: 2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #555; color: #555;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #c77b2e; color: #c77b2e;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-star {
position: relative; position: relative;
color: #ffc069; color: #ffc069;
font-size: 21px; font-size: 21px;
left: -2px; left: -2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-rss_feed {
color: #ff7c4b; color: #ff7c4b;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-whatshot {
color: #69C671; color: #69C671;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-restore {
position: relative; position: relative;
top: -1px; top: -1px;
font-weight: bold; font-weight: bold;

View File

@ -511,7 +511,17 @@ body.ttrss_main #feeds-holder #feedTree {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
border: 1px solid transparent;
cursor: pointer;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold; font-weight: bold;
display: none; display: none;
font-size: 9px; font-size: 9px;
@ -529,63 +539,54 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
min-width: 23px; min-width: 23px;
height: 14px; height: 14px;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.aux, body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #f5f5f5; background: #f5f5f5;
color: #6f6f6f; color: #6f6f6f;
border-color: #dcdcdc; border-color: #dcdcdc;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
border-color: #257aa7; border-color: #257aa7;
background: #ffffff; background: #ffffff;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: #3ea447; background-color: #3ea447;
border-color: #307f37; border-color: #307f37;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold; font-weight: bold;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Error .dijitTreeLabel {
color: red; color: red;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
border: 1px solid transparent;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #ddd transparent; border-color: #ddd transparent;
background: white; background: white;
color: #333; color: #333;
} }
body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px; margin-right: 2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #555; color: #555;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #c77b2e; color: #c77b2e;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-star {
position: relative; position: relative;
color: #ffc069; color: #ffc069;
font-size: 21px; font-size: 21px;
left: -2px; left: -2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-rss_feed {
color: #ff7c4b; color: #ff7c4b;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-whatshot {
color: #69C671; color: #69C671;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-restore {
position: relative; position: relative;
top: -1px; top: -1px;
font-weight: bold; font-weight: bold;

View File

@ -583,101 +583,104 @@ body.ttrss_main {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family : @fonts-ui; font-family : @fonts-ui;
.counterNode { .dijitTreeNode {
font-weight : bold; .loadingExpando {
display : none; left : -3px;
font-size : @font-size-tiny; height : 22px;
text-align : center; position : relative;
border : 1px solid lighten(@color-accent, 5%); top : -3px;
color : white;
background : lighten(@color-accent, 5%);
border-radius : 4px;
vertical-align : middle;
float : right;
position : relative;
line-height : 14px;
margin-right : 8px;
margin-top : 2px;
min-width : 23px;
height : 14px;
&.aux, &.marked {
background : @color-panel-bg;
color : lighten(@default-text, 10%);
border-color : darken(@color-panel-bg, 10%);
} }
&.marked { .dijitTreeRow {
border-color : @color-accent-marked; border : 1px solid transparent;
background : lighten(@color-accent-marked, 60%); cursor : pointer;
.counterNode {
font-weight : bold;
display : none;
font-size : @font-size-tiny;
text-align : center;
border : 1px solid lighten(@color-accent, 5%);
color : white;
background : lighten(@color-accent, 5%);
border-radius : 4px;
vertical-align : middle;
float : right;
position : relative;
line-height : 14px;
margin-right : 8px;
margin-top : 2px;
min-width : 23px;
height : 14px;
&.aux, &.marked {
background : @color-panel-bg;
color : lighten(@default-text, 10%);
border-color : darken(@color-panel-bg, 10%);
}
&.marked {
border-color : @color-accent-marked;
background : lighten(@color-accent-marked, 60%);
}
}
// fresh
&[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: darken(@color-checked, 15%);
border-color: darken(@color-checked, 25%);
}
.dijitTreeLabel.Unread {
font-weight : bold;
}
&.Error .dijitTreeLabel {
color : red;
}
&.dijitTreeRowSelected {
box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
border-color : @border-default transparent;
background : @default-bg;
color : #333;
}
.dijitIcon.feed-icon {
margin-right : 2px;
}
i.icon.icon-inbox {
color : #555;
}
i.icon.icon-archive {
color : #c77b2e;
}
i.icon.icon-star {
position : relative;
color : @color-marked;
font-size : 21px;
left : -2px;
}
i.icon.icon-rss_feed {
color : @color-published;
}
i.icon.icon-whatshot {
color : @color-checked;
}
i.icon.icon-restore {
position : relative;
top : -1px;
font-weight : bold;
color : @color-accent;
}
} }
} }
// fresh
.dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: darken(@color-checked, 15%);
border-color: darken(@color-checked, 25%);
}
.dijitTreeNode .loadingExpando {
left : -3px;
height : 22px;
position : relative;
top : -3px;
}
.dijitTreeRow .dijitTreeLabel.Unread {
font-weight : bold;
}
.dijitTreeRow.Error .dijitTreeLabel {
color : red;
}
.dijitTreeNode .dijitTreeRow {
border : 1px solid transparent;
}
.dijitTreeNode .dijitTreeRowSelected {
box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
border-color : @border-default transparent;
background : @default-bg;
color : #333;
}
.dijitIcon.feed-icon {
margin-right : 2px;
}
i.icon.icon-inbox {
color : #555;
}
i.icon.icon-archive {
color : #c77b2e;
}
i.icon.icon-star {
position : relative;
color : @color-marked;
font-size : 21px;
left : -2px;
}
i.icon.icon-rss_feed {
color : @color-published;
}
i.icon.icon-whatshot {
color : @color-checked;
}
i.icon.icon-restore {
position : relative;
top : -1px;
font-weight : bold;
color : @color-accent;
}
} }
} }

View File

@ -512,7 +512,17 @@ body.ttrss_main #feeds-holder #feedTree {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
border: 1px solid transparent;
cursor: pointer;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold; font-weight: bold;
display: none; display: none;
font-size: 9px; font-size: 9px;
@ -530,63 +540,54 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
min-width: 23px; min-width: 23px;
height: 14px; height: 14px;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.aux, body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #222; background: #222;
color: #e6e6e6; color: #e6e6e6;
border-color: #080808; border-color: #080808;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
border-color: #b87d2c; border-color: #b87d2c;
background: #ffffff; background: #ffffff;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: #3ea447; background-color: #3ea447;
border-color: #307f37; border-color: #307f37;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold; font-weight: bold;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Error .dijitTreeLabel {
color: red; color: red;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
border: 1px solid transparent;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #222 transparent; border-color: #222 transparent;
background: #333; background: #333;
color: #333; color: #333;
} }
body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px; margin-right: 2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #555; color: #555;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #c77b2e; color: #c77b2e;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-star {
position: relative; position: relative;
color: #ffc069; color: #ffc069;
font-size: 21px; font-size: 21px;
left: -2px; left: -2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-rss_feed {
color: #ff7c4b; color: #ff7c4b;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-whatshot {
color: #69C671; color: #69C671;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-restore {
position: relative; position: relative;
top: -1px; top: -1px;
font-weight: bold; font-weight: bold;

View File

@ -512,7 +512,17 @@ body.ttrss_main #feeds-holder #feedTree {
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
border: 1px solid transparent;
cursor: pointer;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode {
font-weight: bold; font-weight: bold;
display: none; display: none;
font-size: 9px; font-size: 9px;
@ -530,63 +540,54 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
min-width: 23px; min-width: 23px;
height: 14px; height: 14px;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.aux, body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #222; background: #222;
color: #e6e6e6; color: #e6e6e6;
border-color: #080808; border-color: #080808;
} }
body.ttrss_main #feeds-holder #feedTree .counterNode.marked { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
border-color: #257aa7; border-color: #257aa7;
background: #ffffff; background: #ffffff;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
background-color: #3ea447; background-color: #3ea447;
border-color: #307f37; border-color: #307f37;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
left: -3px;
height: 22px;
position: relative;
top: -3px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread {
font-weight: bold; font-weight: bold;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.Error .dijitTreeLabel {
color: red; color: red;
} }
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
border: 1px solid transparent;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #222 transparent; border-color: #222 transparent;
background: #333; background: #333;
color: #333; color: #333;
} }
body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px; margin-right: 2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #555; color: #555;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #c77b2e; color: #c77b2e;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-star {
position: relative; position: relative;
color: #ffc069; color: #ffc069;
font-size: 21px; font-size: 21px;
left: -2px; left: -2px;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-rss_feed {
color: #ff7c4b; color: #ff7c4b;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-whatshot {
color: #69C671; color: #69C671;
} }
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-restore {
position: relative; position: relative;
top: -1px; top: -1px;
font-weight: bold; font-weight: bold;