diff --git a/app/coffee/modules/kanban/main.coffee b/app/coffee/modules/kanban/main.coffee index a3f76cf5..503a5603 100644 --- a/app/coffee/modules/kanban/main.coffee +++ b/app/coffee/modules/kanban/main.coffee @@ -322,7 +322,7 @@ KanbanArchivedStatusHeaderDirective = ($rootscope, $translate) -> status = $scope.$eval($attrs.tgKanbanArchivedStatusHeader) hidden = true - $scope.class = "icon icon-open-eye" + $scope.class = "icon-open-eye" $scope.title = showArchivedText $el.on "click", (event) -> @@ -330,12 +330,12 @@ KanbanArchivedStatusHeaderDirective = ($rootscope, $translate) -> $scope.$apply -> if hidden - $scope.class = "icon icon-open-eye" + $scope.class = "icon-open-eye" $scope.title = showArchivedText $rootscope.$broadcast("kanban:hide-userstories-for-status", status.id) else - $scope.class = "icon icon-closed-eye" + $scope.class = "icon-closed-eye" $scope.title = hideArchivedText $rootscope.$broadcast("kanban:show-userstories-for-status", status.id) diff --git a/app/partials/includes/modules/kanban-table.jade b/app/partials/includes/modules/kanban-table.jade index ba98f484..5770b403 100644 --- a/app/partials/includes/modules/kanban-table.jade +++ b/app/partials/includes/modules/kanban-table.jade @@ -31,11 +31,13 @@ div.kanban-table(tg-kanban-squish-column) tg-check-permission="add_us", ng-hide="s.is_archived") - a(href="", - ng-attr-title="{{title}}", - ng-class="class" - ng-if="s.is_archived", - tg-kanban-archived-status-header="s") + a( + href="" + ng-attr-title="{{title}}" + ng-class="class" + ng-if="s.is_archived" + tg-kanban-archived-status-header="s") + include ../../../svg/eye.svg div.kanban-table-body div.kanban-table-inner diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss index 63612206..2b7737d3 100644 --- a/app/styles/modules/kanban/kanban-table.scss +++ b/app/styles/modules/kanban/kanban-table.scss @@ -86,9 +86,6 @@ $column-margin: 0 10px 0 0; color: $gray-light; margin-right: .3rem; transition: color .2s linear; - &:hover { - color: $primary; - } &.hfold, &.hunfold { display: inline-block; @@ -96,6 +93,39 @@ $column-margin: 0 10px 0 0; } } } + .icon-open-eye, + .icon-closed-eye { + display: inline-block; + svg { + fill: $gray-light; + height: 1.1rem; + margin-top: .25rem; + width: 1.1rem; + + } + &:hover { + svg { + fill: $primary; + + } + } + } + .icon-open-eye { + .svg-eye-closed { + display: none; + } + .svg-eye-open { + display: block; + } + } + .icon-closed-eye { + .svg-eye-closed { + display: block; + } + .svg-eye-open { + display: none; + } + } } .kanban-table-body { diff --git a/app/svg/eye.svg b/app/svg/eye.svg new file mode 100644 index 00000000..98489d10 --- /dev/null +++ b/app/svg/eye.svg @@ -0,0 +1,8 @@ + + + + + + +