github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Style project sorting with a cleaner look

Browse source
This commit is contained in:
James Allen 2014-07-18 12:20:12 +01:00
parent b785ab4d15
commit b532461232
3 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/app/views/project/list/project-list.jade
View file

@ -122,13 +122,13 @@
select-all, select-all,
type="checkbox" type="checkbox"
) )
span.header Title span.header.clickable Title
i.tablesort.fa(ng-class="getSortIconClass('name')") i.tablesort.fa(ng-class="getSortIconClass('name')")
.col-md-2(ng-click="changePredicate('accessLevel')") .col-md-2(ng-click="changePredicate('accessLevel')")
span.header Owner span.header.clickable Owner
i.tablesort.fa(ng-class="getSortIconClass('accessLevel')") i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
.col-md-4(ng-click="changePredicate('lastUpdated')") .col-md-4(ng-click="changePredicate('lastUpdated')")
span.header Last Modified span.header.clickable Last Modified
i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')") i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
li.project_entry.container-fluid( li.project_entry.container-fluid(
ng-repeat="project in visibleProjects | orderBy:predicate:reverse", ng-repeat="project in visibleProjects | orderBy:predicate:reverse",

6
services/web/public/coffee/main/project-list.coffee
View file

@ -84,11 +84,11 @@ define [
$scope.getSortIconClass = (column)-> $scope.getSortIconClass = (column)->
if column == $scope.predicate and $scope.reverse if column == $scope.predicate and $scope.reverse
return "fa-sort-down" return "fa-caret-down"
else if column == $scope.predicate and !$scope.reverse else if column == $scope.predicate and !$scope.reverse
return "fa-sort-up" return "fa-caret-up"
else else
return "fa-sort" return ""
$scope.clearSearchText = () -> $scope.clearSearchText = () ->
$scope.searchText = "" $scope.searchText = ""

3
services/web/public/stylesheets/app/base.less
View file

@ -2,6 +2,9 @@
display: none !important; display: none !important;
} }
.clickable {
cursor: pointer;
}
.img-circle { .img-circle {
display: inline-block; display: inline-block;