Skip to content

Commit aaa252f

Browse files
committed
feat: display filter mode next to tags title in filters
1 parent c590f83 commit aaa252f

2 files changed

Lines changed: 29 additions & 0 deletions

File tree

frontend/src/html/pages/account.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -512,6 +512,15 @@
512512
<div class="title">
513513
<i class="fas fa-tag"></i>
514514
tags
515+
<span
516+
class="tagsFilterModeToggle"
517+
data-balloon-pos="right"
518+
data-balloon-length="large"
519+
aria-label="Tag filter mode: OR (any selected tag must match), AND (all selected tags must match)"
520+
>
521+
<i class="fas fa-filter"></i>
522+
<span class="mode-text">OR</span>
523+
</span>
515524
</div>
516525
<div class="select filterGroup" group="tags"></div>
517526
</div>

frontend/src/styles/account.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -375,6 +375,26 @@
375375
margin-right: 0.5em;
376376
}
377377
}
378+
379+
&.tags {
380+
.title {
381+
align-items: baseline;
382+
383+
.tagsFilterModeToggle {
384+
margin-left: 0.5rem;
385+
cursor: pointer;
386+
opacity: 0.5;
387+
transition: 0.125s;
388+
display: flex;
389+
align-items: center;
390+
font-size: 0.8em;
391+
392+
&:hover {
393+
opacity: 1;
394+
}
395+
}
396+
}
397+
}
378398
}
379399

380400
&.presetFilterButtons {

0 commit comments

Comments
 (0)