summaryrefslogtreecommitdiff
path: root/themes/light/tt-rss.less
diff options
context:
space:
mode:
authorAndrew Dolgov <[email protected]>2021-03-15 21:33:35 +0300
committerAndrew Dolgov <[email protected]>2021-03-15 21:33:35 +0300
commit1870fe172b41061899c1917303a494d5e567f1bf (patch)
tree20d1031479be014ce73364919c2facdefc512e5e /themes/light/tt-rss.less
parentb23ba3e2367346181a92ea97d765e5b557443654 (diff)
feed tree: css cleanup; set cursor
Diffstat (limited to 'themes/light/tt-rss.less')
-rw-r--r--themes/light/tt-rss.less163
1 files changed, 83 insertions, 80 deletions
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index c262ce9af..f0ceb55c0 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -583,100 +583,103 @@ 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%);
- }
- }
-
- // fresh
- .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
- background-color: darken(@color-checked, 15%);
- border-color: darken(@color-checked, 25%);
- }
+ .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%);
+ }
- .dijitTreeNode .loadingExpando {
- left : -3px;
- height : 22px;
- position : relative;
- top : -3px;
- }
+ &.marked {
+ border-color : @color-accent-marked;
+ background : lighten(@color-accent-marked, 60%);
+ }
+ }
- .dijitTreeRow .dijitTreeLabel.Unread {
- font-weight : bold;
- }
+ // fresh
+ &[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+ background-color: darken(@color-checked, 15%);
+ border-color: darken(@color-checked, 25%);
+ }
- .dijitTreeRow.Error .dijitTreeLabel {
- color : red;
- }
+ .dijitTreeLabel.Unread {
+ font-weight : bold;
+ }
- .dijitTreeNode .dijitTreeRow {
- border : 1px solid transparent;
- }
+ &.Error .dijitTreeLabel {
+ color : red;
+ }
- .dijitTreeNode .dijitTreeRowSelected {
- box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
- border-color : @border-default transparent;
- background : @default-bg;
- color : #333;
- }
+ &.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;
- }
+ .dijitIcon.feed-icon {
+ margin-right : 2px;
+ }
- i.icon.icon-inbox {
- color : #555;
- }
+ i.icon.icon-inbox {
+ color : #555;
+ }
- i.icon.icon-archive {
- color : #c77b2e;
- }
+ i.icon.icon-archive {
+ color : #c77b2e;
+ }
- i.icon.icon-star {
- position : relative;
- color : @color-marked;
- font-size : 21px;
- left : -2px;
- }
+ 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-rss_feed {
+ color : @color-published;
+ }
- i.icon.icon-whatshot {
- color : @color-checked;
- }
+ i.icon.icon-whatshot {
+ color : @color-checked;
+ }
- i.icon.icon-restore {
- position : relative;
- top : -1px;
- font-weight : bold;
- color : @color-accent;
+ i.icon.icon-restore {
+ position : relative;
+ top : -1px;
+ font-weight : bold;
+ color : @color-accent;
+ }
+ }
}
}
}