Filters - editorial - Desktop view:

Filters - editorial - responsive view:

Elements

ID

Title

Show?

Action

Changes

Tickets

1

filter header

alwaysclicking on it closes the filter box//
1a

amount of filter values

when a min. of 1 filter is selected(de-)selecting filter values changes the number//
2

reset all filter values


when more than one filter was selectedall filter values can be removed, which leads to the content on the page adaptingonly shown when filter value was selected

3

label

always//

/

4

filter area




alwaysfilter values can be selected and are shown below the respective category/

/

4a

input filters


alwaysuser types a term into the field, a group of filter values are displayed based on the inputno more placeholder text

remove auto-complete of browser

4b

dropdown filters

alwaysuser opens a dropdown menu with a set amount of results from which the user can select//
4c

time filter

always

user types in a number of the pattern YYYY

/

5

selected filters (pills)


when filters were selectedfilter value can be removed, which leads to the content on the page adapting in the background/

width adjustment

6

dropdown menu

when user interacts with a dropdown filteruser can select values from the menu which are added to 5/  


Responsive View

-

Other Changes


Figma

Filters - Robert Mikuljan (2025)