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

css only hovering solution, easier on the cpu

Browse Source
This commit is contained in:
Athou
2013-05-26 17:16:03 +02:00
parent e5668d0196
commit 89ae981f37
2 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,10 +15,6 @@
white-space: nowrap; white-space: nowrap;
} }
.css-treeview .config {
padding-top: 3px;
}
.css-treeview ul { .css-treeview ul {
list-style: none; list-style: none;
margin-left: 0px; margin-left: 0px;
@@ -81,6 +77,17 @@
text-decoration: none; text-decoration: none;
} }
.css-treeview .config {
display: none;
}
.css-treeview .tree-item:hover .config {
display: block;
padding-top: 3px;
width: 16px;
height: 16px;
}
.css-treeview .indent1 { .css-treeview .indent1 {
padding-left: 22px; padding-left: 22px;
} }

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

@@ -1,8 +1,8 @@
<li> <li>
<div ng-mouseenter="hovered=node" ng-mouseleave="hovered=null" class="pointer tree-item" ui-if="showLabel" ng-class="getClass(level - 1)"> <div class="pointer tree-item" ui-if="showLabel" ng-class="getClass(level - 1)">
<div class="dropdown pull-right"> <div class="dropdown pull-right">
<div class="pull-right" ng-click="showCategoryDetails(node)"> <div class="pull-right" ng-click="showCategoryDetails(node)">
<i ng-class="{'icon-wrench': hovered==node}" class="config"></i> <i class="icon-wrench config pointer"></i>
</div> </div>
</div> </div>
<div ng-click="categoryClicked(node.id)"> <div ng-click="categoryClicked(node.id)">
@@ -23,10 +23,10 @@
unread-count="unreadCount({category:category})"> unread-count="unreadCount({category:category})">
</category> </category>
</recursive> </recursive>
<li ng-repeat="feed in node.feeds" ng-mouseenter="hovered=feed" ng-class="getClass(level)" class="tree-item" <li ng-repeat="feed in node.feeds" ng-class="getClass(level)" class="tree-item"
ng-mouseleave="hovered=null" ng-show="settingsService.settings.showRead == true || feed.unread > 0"> ng-show="settingsService.settings.showRead == true || feed.unread > 0">
<div class="pull-right" ng-click="showFeedDetails(feed)"> <div class="pull-right" ng-click="showFeedDetails(feed)">
<i ng-class="{'icon-wrench': hovered==feed}" class="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'), unread: feed.unread }">