From dac7e17500de97febc7ad8f84cd1bf5edab27c52 Mon Sep 17 00:00:00 2001 From: Lauri Ojansivu Date: Tue, 13 Jan 2026 22:24:02 +0200 Subject: [PATCH] Add back button texts to Filter, Search, Board View and MultiSelection. Thanks to audiocrush and xet7 ! Fixes #6066 --- client/components/boards/boardHeader.jade | 32 ++++++++++++++++------- client/components/main/header.css | 14 ++++++++++ 2 files changed, 37 insertions(+), 9 deletions(-) diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade index a5c61e12e..a85b98741 100644 --- a/client/components/boards/boardHeader.jade +++ b/client/components/boards/boardHeader.jade @@ -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'}}") diff --git a/client/components/main/header.css b/client/components/main/header.css index ee17d00c3..14045d259 100644 --- a/client/components/main/header.css +++ b/client/components/main/header.css @@ -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);