fix Bootstrap 5 compatibility
This commit is contained in:
parent
78b99b4db7
commit
81ba40afed
2 changed files with 26 additions and 8 deletions
|
|
@ -71,8 +71,15 @@ strong {
|
|||
text-align: center;
|
||||
margin-top: 0.25rem;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: none;
|
||||
// @deprecated tag:v6.5.0 - Bootstrap v5 changes media-breakpoint-down behavior
|
||||
@if feature('v6.5.0.0') {
|
||||
@include media-breakpoint-down(md) {
|
||||
display: none;
|
||||
}
|
||||
} @else {
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -180,7 +187,8 @@ strong {
|
|||
|
||||
.header-search {
|
||||
.header-search-input,
|
||||
.input-group-append {
|
||||
.input-group-append,
|
||||
.header-search-btn {
|
||||
height: 37px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,19 @@
|
|||
{% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %}
|
||||
|
||||
{% block component_product_box_action_detail %}
|
||||
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
|
||||
class="btn btn-block btn-buy"
|
||||
title="{{ "listing.boxProductDetails"|trans|striptags }}">
|
||||
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
|
||||
</a>
|
||||
{% if feature('v6.5.0.0') %}
|
||||
<div class="d-grid">
|
||||
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
|
||||
class="btn btn-buy"
|
||||
title="{{ "listing.boxProductDetails"|trans|striptags }}">
|
||||
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
|
||||
class="btn btn-block btn-buy"
|
||||
title="{{ "listing.boxProductDetails"|trans|striptags }}">
|
||||
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue