Override the default markup and styles of the facetapi module to match the Drupal 8 CSS architecture guidelines.

CommentFileSizeAuthor
#1 gesso-facetapi-2452099-1.patch6.75 KBdcmouyard

Comments

dcmouyard’s picture

dcmouyard commented
Status: Active » Needs review
StatusFileSize
new gesso-facetapi-2452099-1.patch6.75 KB

This patch removes the Facet API module’s facetapi.css and changes the markup from this:

<ul class="facetapi-facetapi-links">
  <li class="leaf">
    <a class="facetapi-inactive">Inactive Facet  (20)<span class="element-invisible"> Apply Inactive Facet  filter </span></a>
  </li>
  <li class="leaf">
    <a class="facetapi-active">(-) <span class="element-invisible"> Remove Active Facet  filter </span></a>Active Facet 
  </li>
</ul>

To this:

<ul class="nav nav--facets">
  <li class="nav__item">
    <a class="facet is-inactive"><span class="element-invisible"> Apply filter for </span>Inactive Facet <span class="facet__count">(20<span class="element-invisible"> items</span>)</span></a>
  </li>
  <li class="nav__item">
    <a class="facet is-active"><span class="element-invisible"> Remove filter for </span>Active Facet <span class="facet__count">(20<span class="element-invisible"> items</span>)</span></a>
  </li>
</ul>

  • dcmouyard committed 2d1e8c9 on 7.x-1.x 
    Issue #2452099 by dcmouyard: Overrode default markup and styles of...
dcmouyard’s picture

dcmouyard commented
Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.