Fix stared, archive and clone icons

This commit is contained in:
helioguardabaxo 2025-10-19 09:24:18 -03:00
parent cea414b589
commit 61f7099106
2 changed files with 41 additions and 34 deletions

View file

@ -103,8 +103,8 @@
transform: rotate(4deg); transform: rotate(4deg);
display: block !important; display: block !important;
} }
.board-list li.starred .fa-star, .board-list li.starred .is-star-active,
.board-list li.starred .fa-star-o { .board-list li.starred .is-not-star-active {
opacity: 1; opacity: 1;
} }
.board-list .board-list-item { .board-list .board-list-item {
@ -154,8 +154,8 @@
.board-list .js-add-board :hover { .board-list .js-add-board :hover {
background-color: #939393; background-color: #939393;
} }
.board-list .fa-star, .board-list .is-star-active,
.board-list .fa-star-o { .board-list .is-not-star-active {
bottom: 0; bottom: 0;
font-size: 14px; font-size: 14px;
height: 18px; height: 18px;
@ -212,30 +212,30 @@
transition-duration: 0.15s; transition-duration: 0.15s;
transition-property: color, font-size, background; 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-clone,
.board-list li:hover a:hover .fa-archive, .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; 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-clone,
.board-list li:hover a .fa-archive, .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; color: #fff;
opacity: 0.75; 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-clone:hover,
.board-list li:hover a .fa-archive: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; font-size: 18px;
opacity: 1; opacity: 1;
} }
.board-list li:hover a .fa-star.is-star-active, .board-list li:hover a .is-star-active,
.board-list li:hover a .fa-clone.is-star-active, .board-list li:hover a .fa-clone,
.board-list li:hover a .fa-archive.is-star-active, .board-list li:hover a .fa-archive,
.board-list li:hover a .fa-star-o.is-star-active { .board-list li:hover a .is-not-star-active {
opacity: 1; opacity: 1;
} }
.board-backgrounds-list .board-background-select { .board-backgrounds-list .board-background-select {

View file

@ -108,9 +108,10 @@ template(name="boardList")
each list in boardLists _id each list in boardLists _id
.item .item
| {{ list }} | {{ list }}
i.fa.js-star-board( a.js-star-board(
class="fa-star{{#if isStarred}} is-star-active{{else}}-o{{/if}}" class="{{#if isStarred}}is-star-active{{else}}is-not-star-active{{/if}}"
title="{{_ 'star-board-title'}}") title="{{_ 'star-board-title'}}")
| {{#if isStarred}}⭐{{else}}☆{{/if}}
p.board-list-item-desc p.board-list-item-desc
+viewer +viewer
= description = description
@ -124,26 +125,32 @@ template(name="boardList")
title="{{_ 'drag-board'}}") title="{{_ 'drag-board'}}")
else else
if isSandstorm if isSandstorm
i.fa.js-clone-board( a.js-clone-board(
class="fa-clone" class="fa-clone"
title="{{_ 'duplicate-board'}}") title="{{_ 'duplicate-board'}}")
i.fa.js-archive-board( | 📋
class="fa-archive" a.js-archive-board(
title="{{_ 'archive-board'}}") class="fa-archive"
title="{{_ 'archive-board'}}")
| 📦
else if isAdministrable else if isAdministrable
i.fa.js-clone-board( a.js-clone-board(
class="fa-clone" class="fa-clone"
title="{{_ 'duplicate-board'}}") title="{{_ 'duplicate-board'}}")
i.fa.js-archive-board( | 📋
class="fa-archive" a.js-archive-board(
title="{{_ 'archive-board'}}") class="fa-archive"
title="{{_ 'archive-board'}}")
| 📦
else if currentUser.isAdmin else if currentUser.isAdmin
i.fa.js-clone-board( a.js-clone-board(
class="fa-clone" class="fa-clone"
title="{{_ 'duplicate-board'}}") title="{{_ 'duplicate-board'}}")
i.fa.js-archive-board( | 📋
class="fa-archive" a.js-archive-board(
title="{{_ 'archive-board'}}") class="fa-archive"
title="{{_ 'archive-board'}}")
| 📦
template(name="boardListHeaderBar") template(name="boardListHeaderBar")
h1 {{_ title }} h1 {{_ title }}