mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Style project sorting with a cleaner look
This commit is contained in:
parent
b785ab4d15
commit
b532461232
3 changed files with 12 additions and 9 deletions
|
@ -122,14 +122,14 @@
|
||||||
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",
|
||||||
ng-controller="ProjectListItemController"
|
ng-controller="ProjectListItemController"
|
||||||
|
|
|
@ -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 = ""
|
||||||
|
|
|
@ -2,6 +2,9 @@
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.img-circle {
|
.img-circle {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
Loading…
Reference in a new issue