| @@ -1,6 +1,6 @@ | ||
| 1 | 1 | /*! |
| 2 | - * Filter Everything admin 1.9.2.1 | |
| 2 | + * Filter Everything 1.9.7 | |
| 3 | 3 | */ |
| 4 | 4 | .widget_wpc_filters_widget *{ |
| 5 | 5 | box-sizing: border-box; |
| 6 | 6 | } |
| @@ -18,14 +18,16 @@ | ||
| 18 | 18 | .wpc-chip-empty, |
| 19 | 19 | /* Closed filter container */ |
| 20 | 20 | .wpc-filter-collapsible .wpc-filter-content, |
| 21 | 21 | .wpc-filter-collapsible.wpc-closed .wpc-filter-content, |
| 22 | -.wpc-filter-has-brands.wpc-filter-hidden-term-names .wpc-term-name, | |
| 22 | +/* li+span bump the specificity above the generic | |
| 23 | + ".wpc-filter-has-* … li.wpc-term-item span {display:inline-flex}" rule */ | |
| 24 | +.wpc-filter-has-brands.wpc-filter-hidden-term-names li.wpc-term-item span.wpc-term-name, | |
| 23 | 25 | .wpc-filter-has-selected.wpc-closed .wpc-filter-content, |
| 24 | 26 | .wpc-filter-has-selected.wpc-filter-more-less .wpc-see-more-control, |
| 25 | 27 | .wpc-filter-has-selected.wpc-filter-more-less.wpc-show-less .wpc-filters-ul-list > li, |
| 26 | 28 | .wpc-filter-has-selected.wpc-show-less .wpc-see-less-control, |
| 27 | -.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-term-name, | |
| 29 | +.wpc-filter-has-swatches.wpc-filter-hidden-term-names li.wpc-term-item span.wpc-term-name, | |
| 28 | 30 | .wpc-filter-hierarchy-reverse .wpc-checkbox-item > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before, |
| 29 | 31 | .wpc-filter-more-less .wpc-filters-ul-list > li, |
| 30 | 32 | .wpc-filter-more-less .wpc-see-less-control, |
| 31 | 33 | .wpc-filter-more-less.wpc-show-more .wpc-see-more-control, |
| @@ -47,8 +49,13 @@ | ||
| 47 | 49 | /* Hierarchy opened toggle */ |
| 48 | 50 | .wpc-search-active .wpc-checkbox-item > .wpc-term-item-content-wrapper > i.wpc-toggle-children-list:before, |
| 49 | 51 | .wpc-search-active .wpc-filters-ul-list li, |
| 50 | 52 | .wpc-search-active.wpc-filter-more-less .wpc-filters-ul-list li, |
| 53 | +/* Active term search must also hide non-matches when the "Show list items" | |
| 54 | + rules for selected/more-less states would otherwise force them visible | |
| 55 | + (same pattern as the .wpc-show-more.wpc-search-active entry above) */ | |
| 56 | +.wpc-filter-has-selected.wpc-filter-more-less.wpc-search-active .wpc-filters-ul-list li, | |
| 57 | +.wpc-show-more-reverse.wpc-search-active .wpc-filters-ul-list li, | |
| 51 | 58 | .wpc-show-more-reverse.wpc-filter-more-less .wpc-see-more-control, |
| 52 | 59 | .wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-less-control, |
| 53 | 60 | /* Hide list items */ |
| 54 | 61 | .wpc-show-more-reverse.wpc-show-less .wpc-filters-ul-list > li, |
| @@ -161,13 +168,23 @@ | ||
| 161 | 168 | right: 1px; |
| 162 | 169 | position: absolute; |
| 163 | 170 | } |
| 164 | 171 | .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle:hover, |
| 165 | -.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range:hover, | |
| 166 | -.wpc-filters-main-wrap li.wpc-term-item:not(.wpc-term-disabled) label:hover, | |
| 167 | -i.wpc-toggle-children-list:hover { | |
| 172 | +.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range:hover { | |
| 168 | 173 | cursor: pointer; |
| 169 | 174 | } |
| 175 | +/* Base-state pointer, NOT just :hover: iOS Safari treats an element as | |
| 176 | + clickable — and only then delivers document-delegated click events on a | |
| 177 | + single tap — when its RESTING style already has cursor:pointer. With the | |
| 178 | + hover-only rule, terms rendered as <span data-wpc-span-link> (the | |
| 179 | + crawler-links option) needed two taps on iPhone before the instant | |
| 180 | + recount fired. Identical on desktop: a cursor is only visible on hover | |
| 181 | + anyway. */ | |
| 182 | +.wpc-filters-main-wrap li.wpc-term-item:not(.wpc-term-disabled) label, | |
| 183 | +span[data-wpc-span-link], | |
| 184 | +i.wpc-toggle-children-list { | |
| 185 | + cursor: pointer; | |
| 186 | +} | |
| 170 | 187 | i.wpc-toggle-children-list:after, |
| 171 | 188 | i.wpc-toggle-children-list:before{ |
| 172 | 189 | content: ""; |
| 173 | 190 | display: inline-block; |
| @@ -198,8 +215,9 @@ | ||
| 198 | 215 | .wpc-filter-has-selected .wpc-filter-content, |
| 199 | 216 | .wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-dropdown-default .wpc-term-name, |
| 200 | 217 | .wpc-filter-hierarchy-reverse li.wpc-term-item > .wpc-term-item-content-wrapper + ul.children, |
| 201 | 218 | .wpc-filter-product_visibility .wpc-term-item label a, |
| 219 | +.wpc-filter-product_visibility .wpc-term-item label span, | |
| 202 | 220 | .wpc-filters-labels li.wpc-term-item input[type="checkbox"]:checked + label .wpc-term-swatch-wrapper:after, |
| 203 | 221 | .wpc-filters-labels li.wpc-term-item input[type="checkbox"]:checked + label .wpc-term-swatch-wrapper:before, |
| 204 | 222 | .wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after, |
| 205 | 223 | .wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before, |
| @@ -330,8 +348,9 @@ | ||
| 330 | 348 | .wpc-filters-main-wrap li.wpc-term-item input[type="radio"] { |
| 331 | 349 | outline: 0; |
| 332 | 350 | margin-left: 0; |
| 333 | 351 | margin-right: 8px; |
| 352 | + padding: 0; | |
| 334 | 353 | margin-bottom: 0; |
| 335 | 354 | } |
| 336 | 355 | .wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"]:hover, |
| 337 | 356 | .wpc-filters-main-wrap li.wpc-term-item input[type="radio"]:hover { |
| @@ -357,9 +376,10 @@ | ||
| 357 | 376 | .wpc-filter-content .wpc-filters-widget-select{ |
| 358 | 377 | padding-left: .5em; |
| 359 | 378 | padding-right: .5em; |
| 360 | 379 | } |
| 361 | -.wpc-filters-main-wrap li.wpc-term-item a { | |
| 380 | +.wpc-filters-main-wrap li.wpc-term-item a, | |
| 381 | +.wpc-filters-main-wrap li.wpc-term-item span{ | |
| 362 | 382 | text-decoration: none; |
| 363 | 383 | font-weight: 400; |
| 364 | 384 | outline: 0; |
| 365 | 385 | padding-top: 0; |
| @@ -383,19 +403,37 @@ | ||
| 383 | 403 | .wpc-filters-main-wrap .wpc-filter-product_visibility li.wpc-term-item label { |
| 384 | 404 | display: flex; |
| 385 | 405 | align-items: center; |
| 386 | 406 | } |
| 407 | +/* Term count nested spans must stay inline despite the block rule for label spans above */ | |
| 408 | +.wpc-filter-product_visibility .wpc-term-item label .wpc-term-count span { | |
| 409 | + display: inline; | |
| 410 | +} | |
| 387 | 411 | .widget-area .widget .wpc-filter-chips-list a:focus, |
| 412 | +.widget-area .widget .wpc-filter-chips-list span[data-wpc-span-link]:focus, | |
| 413 | +.widget-area .widget .wpc-filter-chips-list span.wpc-apply-button-chip:focus, | |
| 388 | 414 | .widget-area .widget li.wpc-term-item a:focus, |
| 389 | 415 | .widget-area .widget li.wpc-term-item a:hover, |
| 416 | +.widget-area .widget li.wpc-term-item span:focus, | |
| 417 | +.widget-area .widget li.wpc-term-item span:hover, | |
| 390 | 418 | .wpc-filter-chips-list a:focus, |
| 419 | +.wpc-filter-chips-list span[data-wpc-span-link]:focus, | |
| 420 | +.wpc-filter-chips-list span.wpc-apply-button-chip:focus, | |
| 391 | 421 | body li.wpc-term-item a:focus, |
| 392 | -body li.wpc-term-item a:hover { | |
| 422 | +body li.wpc-term-item a:hover, | |
| 423 | +body li.wpc-term-item span:focus, | |
| 424 | +body li.wpc-term-item span:hover { | |
| 393 | 425 | box-shadow: none; |
| 394 | 426 | text-decoration: none; |
| 395 | 427 | } |
| 396 | 428 | .wpc-filter-chips-list a, |
| 397 | -body .wpc-filter-chips-list li.wpc-filter-chip a { | |
| 429 | +body .wpc-filter-chips-list li.wpc-filter-chip a, | |
| 430 | +/* Smart spans render non-indexable chips as <span data-wpc-span-link>; | |
| 431 | + client-rebuilt (pending Apply) chips are link-less spans */ | |
| 432 | +.wpc-filter-chips-list span[data-wpc-span-link], | |
| 433 | +body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link], | |
| 434 | +.wpc-filter-chips-list li.wpc-filter-chip > span.wpc-apply-button-chip, | |
| 435 | +body .wpc-filter-chips-list li.wpc-filter-chip > span.wpc-apply-button-chip { | |
| 398 | 436 | text-decoration: none; |
| 399 | 437 | font-weight: 400; |
| 400 | 438 | border-radius: 50px; |
| 401 | 439 | padding: 4px 10px 4px 10px; |
| @@ -404,20 +442,28 @@ | ||
| 404 | 442 | border: 1px solid #d8d8d8; |
| 405 | 443 | position: relative; |
| 406 | 444 | color: #333; |
| 407 | 445 | height: 100%; |
| 446 | + cursor: pointer; | |
| 408 | 447 | } |
| 409 | -body .wpc-filter-chips-list li.wpc-chip-reset-all a { | |
| 448 | +body .wpc-filter-chips-list li.wpc-chip-reset-all a, | |
| 449 | +body .wpc-filter-chips-list li.wpc-chip-reset-all span.wpc-apply-button-chips-reset { | |
| 410 | 450 | border-color: #cc8181; |
| 411 | 451 | color: inherit; |
| 412 | 452 | } |
| 413 | -.wpc-filters-main-wrap .wpc-filter-chips-list a:hover { | |
| 453 | +.wpc-filters-main-wrap .wpc-filter-chips-list a:hover, | |
| 454 | +.wpc-filters-main-wrap .wpc-filter-chips-list span[data-wpc-span-link]:hover, | |
| 455 | +.wpc-filters-main-wrap .wpc-filter-chips-list span.wpc-apply-button-chip:hover { | |
| 414 | 456 | box-shadow: none; |
| 415 | 457 | } |
| 416 | -.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip a:active { | |
| 458 | +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip a:active, | |
| 459 | +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:active, | |
| 460 | +.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:active { | |
| 417 | 461 | opacity: 0.75; |
| 418 | 462 | } |
| 419 | -.wpc-filter-chips-list a:hover .wpc-chip-remove-icon { | |
| 463 | +.wpc-filter-chips-list a:hover .wpc-chip-remove-icon, | |
| 464 | +.wpc-filter-chips-list span[data-wpc-span-link]:hover .wpc-chip-remove-icon, | |
| 465 | +.wpc-filter-chips-list span.wpc-apply-button-chip:hover .wpc-chip-remove-icon { | |
| 420 | 466 | color: #c00; |
| 421 | 467 | } |
| 422 | 468 | body ul.wpc-filter-chips-list { |
| 423 | 469 | margin-left: 0; |
| @@ -426,9 +472,9 @@ | ||
| 426 | 472 | } |
| 427 | 473 | .wpc-filter-chips-list li, |
| 428 | 474 | body .wpc-filter-chips-list li.wpc-filter-chip, |
| 429 | 475 | li.wpc-filter-chip { |
| 430 | - margin: 0 7px 7px 0; | |
| 476 | + margin: 0 7px 11px 0; | |
| 431 | 477 | padding: 0; |
| 432 | 478 | border: none; |
| 433 | 479 | display: inline-block; |
| 434 | 480 | list-style: none; |
| @@ -695,9 +741,8 @@ | ||
| 695 | 741 | .wpc-filters-main-wrap a.wpc-toggle-a:hover{ |
| 696 | 742 | opacity: 0.7; |
| 697 | 743 | } |
| 698 | 744 | .wpc-filters-widget-top-container { |
| 699 | - background: #fff; | |
| 700 | 745 | border-bottom: 1px solid transparent; |
| 701 | 746 | padding: 0; |
| 702 | 747 | } |
| 703 | 748 | .wpc-filters-widget-top-container:before { |
| @@ -1401,8 +1446,14 @@ | ||
| 1401 | 1446 | justify-content: center; |
| 1402 | 1447 | align-items: center; |
| 1403 | 1448 | border-radius: 8px; |
| 1404 | 1449 | } |
| 1450 | +/* The generic "li.wpc-term-item span" reset zeroes vertical paddings; without | |
| 1451 | + this the wrapper loses them at rest and the logo jumps when a :hover rule | |
| 1452 | + brings the padding back */ | |
| 1453 | +.wpc-filters-main-wrap li.wpc-term-item span.wpc-term-image-wrapper { | |
| 1454 | + padding: 4px; | |
| 1455 | +} | |
| 1405 | 1456 | .select2-container .wpc-term-image-wrapper { |
| 1406 | 1457 | border: none; |
| 1407 | 1458 | width: 56px; |
| 1408 | 1459 | height: 32px; |
| @@ -1477,8 +1528,12 @@ | ||
| 1477 | 1528 | .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image label:hover a, |
| 1478 | 1529 | .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image input[type=checkbox]:checked + label a{ |
| 1479 | 1530 | border-color: rgba(0, 0, 0, 0.1); |
| 1480 | 1531 | } |
| 1532 | +/* Hover/checked emphasis: the fixed-size wrapper swaps its 1px grey border | |
| 1533 | + for a 2px active-color one (the outer boxes keep the total footprint) — | |
| 1534 | + the rest state MUST keep its 4px paddings (see the constant-padding rule | |
| 1535 | + above), otherwise the logo jumps when this rule re-applies them */ | |
| 1481 | 1536 | .wpc-filters-labels li.wpc-term-has-image input[type="checkbox"]:checked + label .wpc-filter-label-wrapper .wpc-term-image-wrapper, |
| 1482 | 1537 | .wpc-filters-labels li.wpc-term-has-image label:hover .wpc-filter-label-wrapper .wpc-term-image-wrapper { |
| 1483 | 1538 | border-width: 2px; |
| 1484 | 1539 | padding: 4px 4px; |
| @@ -1509,10 +1564,12 @@ | ||
| 1509 | 1564 | .wpc-filter-link{ |
| 1510 | 1565 | margin-right: 6px; |
| 1511 | 1566 | } |
| 1512 | 1567 | .wpc-filter-has-brands li.wpc-term-item a, |
| 1568 | +.wpc-filter-has-brands li.wpc-term-item span, | |
| 1513 | 1569 | .wpc-filter-has-brands li.wpc-term-item label, |
| 1514 | 1570 | .wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item a, |
| 1571 | +.wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item span, | |
| 1515 | 1572 | span.wpc-item-has-brand, |
| 1516 | 1573 | span.wpc-item-has-swatch, |
| 1517 | 1574 | span.wpc-dropdown-default{ |
| 1518 | 1575 | display: inline-flex; |
| @@ -1623,10 +1680,13 @@ | ||
| 1623 | 1680 | .rtl .wpc-filters-main-wrap input.wpc-filter-search-field { |
| 1624 | 1681 | padding-left: 30px; |
| 1625 | 1682 | padding-right: 5px; |
| 1626 | 1683 | } |
| 1684 | +.wpc-search-clear { | |
| 1685 | + /* base-state cursor for the iOS single-tap clickability heuristic */ | |
| 1686 | + cursor: pointer; | |
| 1687 | +} | |
| 1627 | 1688 | .wpc-search-clear:hover { |
| 1628 | - cursor: pointer; | |
| 1629 | 1689 | background: 0 0; |
| 1630 | 1690 | box-shadow: none; |
| 1631 | 1691 | border: none; |
| 1632 | 1692 | outline: 0; |
| @@ -1990,9 +2050,9 @@ | ||
| 1990 | 2050 | } |
| 1991 | 2051 | html[lang="es"] .wpc-filters-date-range-column label{ |
| 1992 | 2052 | min-width: 65px; |
| 1993 | 2053 | } |
| 1994 | -.wpc-filters-date-range-column label:hover{ | |
| 2054 | +.wpc-filters-date-range-column label{ | |
| 1995 | 2055 | cursor: pointer; |
| 1996 | 2056 | } |
| 1997 | 2057 | .wpc-filters-widget-content input[type=email], |
| 1998 | 2058 | .wpc-filters-widget-content input[type=number], |
| @@ -2165,9 +2225,11 @@ | ||
| 2165 | 2225 | left: 0 !important; |
| 2166 | 2226 | border: none !important; |
| 2167 | 2227 | background-color: none !important; |
| 2168 | 2228 | } |
| 2169 | -.flrt-star-label a .wpc-term-count{ | |
| 2229 | +.flrt-star-label a .wpc-term-count, | |
| 2230 | +.flrt-star-label span .wpc-term-count | |
| 2231 | +{ | |
| 2170 | 2232 | display: none; |
| 2171 | 2233 | } |
| 2172 | 2234 | .flrt-star-label svg{ |
| 2173 | 2235 | height: 20px; |
| @@ -2184,9 +2246,10 @@ | ||
| 2184 | 2246 | } |
| 2185 | 2247 | .flrt-star-label-checked a .wpc-term-count{ |
| 2186 | 2248 | display: block; |
| 2187 | 2249 | } |
| 2188 | -.flrt-star-label a{ | |
| 2250 | +.flrt-star-label a, | |
| 2251 | +.flrt-star-label span{ | |
| 2189 | 2252 | margin-right: 0 !important; |
| 2190 | 2253 | display: flex !important; |
| 2191 | 2254 | align-items: center !important; |
| 2192 | 2255 | } |
| @@ -2269,5 +2332,55 @@ | ||
| 2269 | 2332 | } |
| 2270 | 2333 | .wpc-posts-found-hidden{ |
| 2271 | 2334 | display: none; |
| 2272 | 2335 | } |
| 2336 | +.wpc-fe-breakdance-chips { | |
| 2337 | + width: 100%; | |
| 2338 | +} | |
| 2339 | +.widget_wpc_chips_widget { | |
| 2340 | + width: 100%; | |
| 2341 | +} | |
| 2342 | +.widget_wpc_sorting_widget{ | |
| 2343 | + margin-bottom: 12px; | |
| 2344 | +} | |
| 2345 | +@media screen and (max-width: 769px) { | |
| 2346 | + .wpc-filters-widget-top-container { | |
| 2347 | + background: #fff; | |
| 2348 | + } | |
| 2349 | +} | |
| 2273 | 2350 | |
| 2351 | +.wpc-apply-button-chip{ | |
| 2352 | + cursor: pointer; | |
| 2353 | +} | |
| 2354 | +.wpc-filters-section-0, | |
| 2355 | +.wpc-term-count-hidden-0:not(.wpc-term-count-hidden-checked-0){ | |
| 2356 | + display: none !important; | |
| 2357 | +} | |
| 2358 | +.wpc-has-terms-apply-button{ | |
| 2359 | + display: list-item !important; | |
| 2360 | +} | |
| 2361 | +@media screen and (min-width: 769px) { | |
| 2362 | + .wpc-inner-widget-chips-wrapper ul.wpc-filter-chips-list{ | |
| 2363 | + display: flex; | |
| 2364 | + flex-wrap: wrap; | |
| 2365 | + } | |
| 2366 | +} | |
| 2367 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-term-item, | |
| 2368 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filters-ul-list .wpc-term-item, | |
| 2369 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-range-form, | |
| 2370 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-date-range-form-visible, | |
| 2371 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-filter-search-wrapper, | |
| 2372 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-see-less-control, | |
| 2373 | +.wpc-parent-filter-terms-unselected:not(.wpc-child-selected-no-parent) .wpc-see-more-control, | |
| 2374 | +.wpc-show-with-parent-false, | |
| 2375 | +.wpc-ask-to-parent-display-none, | |
| 2376 | +.wpc-parent-filter-terms-selected .wpc-ask-to-parent-display, | |
| 2377 | +.wpc-hide-terms-until-parent-unselected, | |
| 2378 | +.wpc-child-selected-no-parent .wpc-ask-to-parent-display | |
| 2379 | +{ | |
| 2380 | + display: none !important; | |
| 2381 | +} | |
| 2382 | + | |
| 2383 | +.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li.wpc-not-hidden-term, | |
| 2384 | +.wpc-filters-ul-list > li.wpc-ask-to-parent-display{ | |
| 2385 | + display: list-item; | |
| 2386 | +} | |
