diff --git a/client/components/boards/boardsList.css b/client/components/boards/boardsList.css index 995b22445..2c039e9d2 100644 --- a/client/components/boards/boardsList.css +++ b/client/components/boards/boardsList.css @@ -103,8 +103,8 @@ transform: rotate(4deg); display: block !important; } -.board-list li.starred .fa-star, -.board-list li.starred .fa-star-o { +.board-list li.starred .is-star-active, +.board-list li.starred .is-not-star-active { opacity: 1; } .board-list .board-list-item { @@ -154,8 +154,8 @@ .board-list .js-add-board :hover { background-color: #939393; } -.board-list .fa-star, -.board-list .fa-star-o { +.board-list .is-star-active, +.board-list .is-not-star-active { bottom: 0; font-size: 14px; height: 18px; @@ -212,30 +212,30 @@ transition-duration: 0.15s; transition-property: color, font-size, background; } -.board-list li:hover a:hover .fa-star, +.board-list li:hover a:hover .is-star-active, .board-list li:hover a:hover .fa-clone, .board-list li:hover a:hover .fa-archive, -.board-list li:hover a:hover .fa-star-o { +.board-list li:hover a:hover .is-not-star-active { color: #fff; } -.board-list li:hover a .fa-star, +.board-list li:hover a .is-star-active, .board-list li:hover a .fa-clone, .board-list li:hover a .fa-archive, -.board-list li:hover a .fa-star-o { +.board-list li:hover a .is-not-star-active { color: #fff; opacity: 0.75; } -.board-list li:hover a .fa-star:hover, +.board-list li:hover a .is-star-active:hover, .board-list li:hover a .fa-clone:hover, .board-list li:hover a .fa-archive:hover, -.board-list li:hover a .fa-star-o:hover { +.board-list li:hover a .is-not-star-active:hover { font-size: 18px; opacity: 1; } -.board-list li:hover a .fa-star.is-star-active, -.board-list li:hover a .fa-clone.is-star-active, -.board-list li:hover a .fa-archive.is-star-active, -.board-list li:hover a .fa-star-o.is-star-active { +.board-list li:hover a .is-star-active, +.board-list li:hover a .fa-clone, +.board-list li:hover a .fa-archive, +.board-list li:hover a .is-not-star-active { opacity: 1; } .board-backgrounds-list .board-background-select { diff --git a/client/components/boards/boardsList.jade b/client/components/boards/boardsList.jade index f5fb4522e..b612c4019 100644 --- a/client/components/boards/boardsList.jade +++ b/client/components/boards/boardsList.jade @@ -108,9 +108,10 @@ template(name="boardList") each list in boardLists _id .item | {{ list }} - i.fa.js-star-board( - class="fa-star{{#if isStarred}} is-star-active{{else}}-o{{/if}}" + a.js-star-board( + class="{{#if isStarred}}is-star-active{{else}}is-not-star-active{{/if}}" title="{{_ 'star-board-title'}}") + | {{#if isStarred}}⭐{{else}}☆{{/if}} p.board-list-item-desc +viewer = description @@ -124,26 +125,32 @@ template(name="boardList") title="{{_ 'drag-board'}}") else if isSandstorm - i.fa.js-clone-board( - class="fa-clone" - title="{{_ 'duplicate-board'}}") - i.fa.js-archive-board( - class="fa-archive" - title="{{_ 'archive-board'}}") + a.js-clone-board( + class="fa-clone" + title="{{_ 'duplicate-board'}}") + | 📋 + a.js-archive-board( + class="fa-archive" + title="{{_ 'archive-board'}}") + | 📦 else if isAdministrable - i.fa.js-clone-board( - class="fa-clone" - title="{{_ 'duplicate-board'}}") - i.fa.js-archive-board( - class="fa-archive" - title="{{_ 'archive-board'}}") + a.js-clone-board( + class="fa-clone" + title="{{_ 'duplicate-board'}}") + | 📋 + a.js-archive-board( + class="fa-archive" + title="{{_ 'archive-board'}}") + | 📦 else if currentUser.isAdmin - i.fa.js-clone-board( - class="fa-clone" - title="{{_ 'duplicate-board'}}") - i.fa.js-archive-board( - class="fa-archive" - title="{{_ 'archive-board'}}") + a.js-clone-board( + class="fa-clone" + title="{{_ 'duplicate-board'}}") + | 📋 + a.js-archive-board( + class="fa-archive" + title="{{_ 'archive-board'}}") + | 📦 template(name="boardListHeaderBar") h1 {{_ title }}