Add back button texts to Filter, Search, Board View and MultiSelection.

Thanks to audiocrush and xet7 !

Fixes #6066
This commit is contained in:
Lauri Ojansivu 2026-01-13 22:24:02 +02:00
parent 40784b2054
commit 69e2ad1007
2 changed files with 37 additions and 9 deletions

View file

@ -102,14 +102,16 @@ template(name="boardHeaderBar")
a.board-header-btn.js-open-filter-view(
title="{{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{else}}{{_ 'filter'}}{{/if}}"
class="{{#if Filter.isActive}}emphasis{{/if}}")
| 🔽
class="{{#if Filter.isActive}}js-filter-active{{/if}}")
| 🎛️
span {{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{else}}{{_ 'filter'}}{{/if}}
if Filter.isActive
a.board-header-btn-close.js-filter-reset(title="{{_ 'filter-clear'}}")
| ❌
a.board-header-btn.js-open-search-view(title="{{_ 'search'}}")
span.emoji-icon 🔍
| 🔍
span {{_ 'search'}}
unless currentBoard.isTemplatesBoard
a.board-header-btn.js-toggle-board-view(
@ -123,15 +125,27 @@ template(name="boardHeaderBar")
| 📅
if $eq boardView 'board-view-gantt'
| 📊
span
if $eq boardView 'board-view-swimlanes'
| {{_ 'board-view-swimlanes'}}
if $eq boardView 'board-view-lists'
| {{_ 'board-view-lists'}}
if $eq boardView 'board-view-cal'
| {{_ 'board-view-cal'}}
if $eq boardView 'board-view-gantt'
| {{_ 'board-view-gantt'}}
if canModifyBoard
a.board-header-btn.js-multiselection-activate(
title="{{#if MultiSelection.isActive}}{{_ 'multi-selection-on'}}{{else}}{{_ 'multi-selection'}}{{/if}}"
class="{{#if MultiSelection.isActive}}emphasis{{/if}}")
| ☑️
if MultiSelection.isActive
a.board-header-btn-close.js-multiselection-reset(title="{{_ 'filter-clear'}}")
| ❌
class="{{#if MultiSelection.isActive}}js-multiselection-active{{/if}}")
if MultiSelection.isActive
| 🗂️
else
| 🗂️
span {{#if MultiSelection.isActive}}{{_ 'multi-selection-on'}}{{else}}{{_ 'multi-selection'}}{{/if}}
if MultiSelection.isActive
a.board-header-btn-close.js-multiselection-reset(title="{{_ 'multi-selection-off'}}")
| ❌
.separator
a.board-header-btn.js-toggle-sidebar(title="{{_ 'sidebar-open'}} {{_ 'or'}} {{_ 'sidebar-close'}}")

View file

@ -78,12 +78,26 @@
#header #header-main-bar .board-header-btn .board-header-btn-close i.fa {
margin: 0 6px;
}
#header #header-main-bar .board-header-btn .board-header-btn-icon {
float: left;
display: block;
line-height: 28px;
color: #27ae60;
margin: 0 10px;
cursor: pointer;
}
#header #header-main-bar .board-header-btn.is-active,
#header #header-main-bar h1.is-clickable.is-active,
#header #header-main-bar .board-header-btn:hover:not(.is-disabled),
#header #header-main-bar h1.is-clickable:hover:not(.is-disabled) {
background: rgba(0,0,0,0.15);
}
#header #header-main-bar .board-header-btn.js-multiselection-active {
background: #1a5080;
}
#header #header-main-bar .board-header-btn.js-multiselection-active:hover {
background: #0f3a5f;
}
#header #header-main-bar .separator {
margin: 2px 4px;
border-left: 1px solid rgba(255,255,255,0.3);