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

feed tree: css cleanup; set cursor

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

185
themes/light/tt-rss.less
View File

@@ -583,101 +583,104 @@ body.ttrss_main {
text-rendering: optimizelegibility;
font-family : @fonts-ui;
.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%);
.dijitTreeNode {
.loadingExpando {
left : -3px;
height : 22px;
position : relative;
top : -3px;
}
&.marked {
border-color : @color-accent-marked;
background : lighten(@color-accent-marked, 60%);
.dijitTreeRow {
border : 1px solid transparent;
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;
}
}
}