diff --git a/src/scss/core/components/_search.scss b/src/scss/core/components/_search.scss index 17e41deb9..ce0b6fe9d 100644 --- a/src/scss/core/components/_search.scss +++ b/src/scss/core/components/_search.scss @@ -4,12 +4,18 @@ $component-name: search; margin: 0.5rem 0; &__product { - margin: 0.5rem 0; + margin: 0.25rem 0; } &__link { display: flex; align-items: center; + padding: 0.25rem 0.5rem; + border-radius: $border-radius; + + &:hover { + background: var(--bs-gray-100); + } } &__name { @@ -93,8 +99,7 @@ $component-name: search; &__results { max-height: 20rem; - padding: 0.5rem 1rem; - padding-right: 1.5rem; + padding: 0.5rem 1.5rem 0.5rem 0.5rem; margin: 0; overflow-y: scroll; } diff --git a/src/scss/core/layout/_header.scss b/src/scss/core/layout/_header.scss index 36a1f9508..99075b4c4 100644 --- a/src/scss/core/layout/_header.scss +++ b/src/scss/core/layout/_header.scss @@ -13,8 +13,15 @@ $component-name: header; max-width: 100vw; background-color: var(--header-bg); - a:not(.dropdown-item) { + a:not(.dropdown-item):not(.btn) { color: var(--header-color); + + &:hover { + &, + i { + color: var(--bs-primary); + } + } } &__top { diff --git a/src/scss/custom/components/_language-selector.scss b/src/scss/custom/components/_language-selector.scss index 65d854fed..66b83148a 100644 --- a/src/scss/custom/components/_language-selector.scss +++ b/src/scss/custom/components/_language-selector.scss @@ -1,20 +1,7 @@ $component-name: language-selector; -.#{$component-name} { - display: flex; - align-items: center; - - > span { - margin-right: 0.5rem; - } - - i.expand-more { - color: $default-icon-color; - } - - @include media-breakpoint-down(md) { - &__wrapper { - margin-bottom: 1rem; - } +.#{$component-name}__wrapper { + select { + cursor: pointer; } } diff --git a/src/scss/custom/modules/_mainmenu.scss b/src/scss/custom/modules/_mainmenu.scss index 5fbd498a1..721a25830 100644 --- a/src/scss/custom/modules/_mainmenu.scss +++ b/src/scss/custom/modules/_mainmenu.scss @@ -38,6 +38,13 @@ font-weight: 600; color: $dropdown-link-color; + &:hover { + &, + i { + color: var(--bs-primary); + } + } + &::after { display: none; } diff --git a/src/scss/custom/pages/product/_product.scss b/src/scss/custom/pages/product/_product.scss index 120568fe6..c3c8ee3af 100644 --- a/src/scss/custom/pages/product/_product.scss +++ b/src/scss/custom/pages/product/_product.scss @@ -92,6 +92,22 @@ border: 1px $gray-200 solid; } } + + @include media-breakpoint-down(md) { + .carousel-control-next { + right: 1rem; + } + + .carousel-control-prev { + left: 1rem; + } + + .carousel-control-prev, + .carousel-control-next { + width: 3rem; + height: 3rem; + } + } } // Needs to be outside of the .page-product scope because it can be inside a modal diff --git a/templates/_partials/form-fields.tpl b/templates/_partials/form-fields.tpl index acfca43fb..ce7b81252 100644 --- a/templates/_partials/form-fields.tpl +++ b/templates/_partials/form-fields.tpl @@ -10,9 +10,9 @@ {else} -
+
{if ($field.type !== 'checkbox')} -
@@ -78,11 +77,11 @@ name="{$field.name}" type="checkbox" value="1" - id="{$field.name}" + id="field-{$field.name}" value="1" {if $field.value}checked="checked"{/if} {if $field.required}required{/if} > -
@@ -129,6 +128,7 @@ {if isset($field.availableValues.comment)} @@ -180,13 +181,10 @@ {include file='_partials/form-errors.tpl' errors=$field.errors} {/block} -
- {block name='form_field_comment'} - {if (!$field.required && !in_array($field.type, ['radio-buttons', 'checkbox']))} - {l s='Optional' d='Shop.Forms.Labels'} - {/if} - {/block} -
+ {block name='form_field_comment'} + {if (!$field.required && !in_array($field.type, ['radio-buttons', 'checkbox']))} +
{l s='Optional' d='Shop.Forms.Labels'}
+ {/if} + {/block} - {/if} diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl index 0904b584b..48339a9a3 100644 --- a/templates/catalog/_partials/product-cover-thumbnails.tpl +++ b/templates/catalog/_partials/product-cover-thumbnails.tpl @@ -6,7 +6,7 @@
{if $product.images|@count > 0} diff --git a/templates/checkout/_partials/cart-voucher.tpl b/templates/checkout/_partials/cart-voucher.tpl index 859921fdf..19b287a06 100644 --- a/templates/checkout/_partials/cart-voucher.tpl +++ b/templates/checkout/_partials/cart-voucher.tpl @@ -45,7 +45,7 @@ {/block} {block name='cart_voucher_notifications'} -