diff --git a/assets/component-visual-display.css b/assets/component-visual-display.css index 21d166dedbb..06806dfd1ce 100644 --- a/assets/component-visual-display.css +++ b/assets/component-visual-display.css @@ -63,7 +63,7 @@ outline-width: 0.2rem; outline-color: rgb(var(--color-foreground), 0.4); box-shadow: 0 0 0 0.6rem rgb(var(--color-background)), 0 0 0 0.8rem rgba(var(--color-foreground), 0.5), - 0 0 0.3rem 0.1rem rgba(var(--color-foreground)); + 0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3); } /* Focus state for older browsers */ @@ -73,7 +73,7 @@ outline-offset: 0.2rem; outline: 0.2rem solid rgb(var(--color-foreground), 0.4); box-shadow: 0 0 0 0.6rem rgb(var(--color-background)), 0 0 0 0.8rem rgba(var(--color-foreground), 0.5), - 0 0 0.3rem 0.1rem rgba(var(--color-foreground)); + 0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3); } } @@ -89,7 +89,7 @@ /* 1.414 is not a magic number, it's the square root of 2, or the length of the diagonal */ width: calc(var(--visual-display__size) * 1.414); - border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.4); + border-bottom: 0.1rem solid #aeaeae; transform: rotate(-45deg); transform-origin: left; } diff --git a/snippets/facets.liquid b/snippets/facets.liquid index 4482e1ef705..3d60d933c42 100644 --- a/snippets/facets.liquid +++ b/snippets/facets.liquid @@ -115,10 +115,13 @@ {% liquid assign total_active_values = total_active_values | plus: filter.active_values.size case filter.display_style + when 'swatch' + assign show_more_number = 15 + when 'thumbnail' + assign show_more_number = 12 when 'swatch', 'thumbnail' assign has_visual_display = true assign visual_layout_class = 'facets-layout-grid facets-layout-grid--' | append: filter.display_style - assign show_more_number = 24 else assign has_visual_display = false assign visual_layout_class = 'facets-layout-list'