Add facet tree styling for filter blocks

Created on 28 August 2023, about 1 year ago

Problem/Motivation

In Open Social 11.x we have a lot of logic to add tagging fields to search fields and style them as individual fields in the filter. However, we can achieve the same UX by providing a checkbox tree using the facets module.

The default styling for the facets module in the filter tree doesn't quite work.

Steps to reproduce

Proposed resolution

We add CSS under the facets-tree class in a block--facets library. This can be opted into, which we do for the content tagging and profile tagging. Making this opt-in ensures we don't break any existing usage of facets.

The result is a nicely styled checkbox tree that requires a lot less maintenance than our previous custom fields implementation.

This change can be added safely in a minor version :)

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Needs review

Version

2.5

Component

Code

Created by

🇳🇱Netherlands kingdutch

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @kingdutch
  • 🇳🇱Netherlands kingdutch

    Attached patch adds only the code needed for content-tagging. Leaving this at "needs work" for the profile tagging support which needs more changes to the distribution PRs first.

  • Issue was unassigned.
  • Status changed to Needs review about 1 year ago
  • 🇳🇱Netherlands kingdutch

    This also adds support for the new profile tag facet :)

Production build 0.71.5 2024