Problem/Motivation

In D7, our active facets would visually indicate a (-) for deselection, and that is what is in facets-result-item.html.twig currently. That seems to now be hidden and replaced with a "facets-checkbox-transform" process. How can we just show the original link with the deselect (-)? See screenshots for old and new behaviours.

Steps to reproduce

Create a facet with default settings and place the block. Clicking a facet does not show the deselect link prefaced with (-) that is in facets-result-item.html.twig. It only show the facet label and hides the original deselect link.

Proposed resolution

Not sure if there is a setting I'm missing to get back the old behaviour and stop the hiding of the original link.

CommentFileSizeAuthor
#2 facets new desired behaviour with deselect.png4.48 KBdarkodev
facet new undesired behaviour.png4.1 KBdarkodev
facet old desired behaviour.png4.05 KBdarkodev

Comments

darkodev created an issue. See original summary.

darkodev’s picture

darkodev commented
StatusFileSize
new facets new desired behaviour with deselect.png4.48 KB

This bit of SCSS works for me to hide the new labels and show the old links with deselect symbol (-). 

/* Hide the new facet link labels and show the links with (-) deselect symbol as it was in D7 */
.js-facets-links {
  label[for] {
    display: none;
  }
  a[data-drupal-facet-widget-element-class=facets-link] {
    display: block !important;
  }
}
darkodev’s picture

darkodev commented
Status: Active » Closed (works as designed)