garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

tree unread count styling

Browse Source
This commit is contained in:
Athou
2013-06-26 13:59:14 +02:00
parent 790c3bce14
commit 966a7f56a5
2 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/webapp/sass/components/_subscription-list.scss
View File

@@ -8,7 +8,7 @@
} }
.feed-search-dialog .feed-link { .feed-search-dialog .feed-link {
font-size: large; font-size: large;
} }
.feed-search-dialog a:hover { .feed-search-dialog a:hover {
@@ -32,7 +32,7 @@
.css-treeview { .css-treeview {
margin-top: 15px; margin-top: 15px;
font-family: inherit; font-family: inherit;
font-size: 12px; font-size: 13px;
white-space: nowrap; white-space: nowrap;
} }
@@ -81,6 +81,11 @@
font-weight: bold; font-weight: bold;
} }
.css-treeview .unread-counter {
color: #666;
font-size: 11px;
}
.css-treeview a { .css-treeview a {
cursor: pointer; cursor: pointer;
color: black; color: black;

20
src/main/webapp/templates/_category.html
View File

@@ -10,8 +10,14 @@
<i ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}" ng-click="toggleCategory(node, $event)" ng-show="showChildren"></i> <i ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}" ng-click="toggleCategory(node, $event)" ng-show="showChildren"></i>
<i ng-class="{'icon-star' : node.id == 'starred', 'icon-inbox': node.id == 'all'}" ng-show="!showChildren"></i> <i ng-class="{'icon-star' : node.id == 'starred', 'icon-inbox': node.id == 'all'}" ng-show="!showChildren"></i>
</span> </span>
<span ng-class="{selected: (node.id == selectedId && selectedType == 'category'), unread: unreadCount({category:node})}"> <span ng-class="{selected: (node.id == selectedId && selectedType == 'category')}">
{{categoryLabel(node)}} &lrm;{{categoryCountLabel(node)}} <span ng-class="{unread: unreadCount({category:node})}">
{{categoryLabel(node)}}
</span>
&lrm;
<span class="unread-counter">
{{categoryCountLabel(node)}}
</span>
</span> </span>
</div> </div>
</div> </div>
@@ -29,9 +35,15 @@
<i class="icon-wrench config pointer"></i> <i class="icon-wrench config pointer"></i>
</div> </div>
<a ng-click="feedClicked(feed.id)" class="feed-link" <a ng-click="feedClicked(feed.id)" class="feed-link"
ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed'), unread: feed.unread }"> ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed') }">
<favicon url="feed.iconUrl" /> <favicon url="feed.iconUrl" />
{{feed.name}} &lrm;{{feedCountLabel(feed)}} <span ng-class="{unread: feed.unread}">
{{feed.name}}
</span>
&lrm;
<span class="unread-counter">
{{feedCountLabel(feed)}}
</span>
</a> </a>
</li> </li>
</ul> </ul>