diff --git a/templates/catalog/_partials/sort-orders.tpl b/templates/catalog/_partials/sort-orders.tpl index 3166f83..c92aa7a 100644 --- a/templates/catalog/_partials/sort-orders.tpl +++ b/templates/catalog/_partials/sort-orders.tpl @@ -23,21 +23,21 @@ * International Registered Trademark & Property of PrestaShop SA *} -<div class="relative flex"> - <div class="relative flex-1 max-w-[140px] group"> - <button - class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left" - type="button" - rel="nofollow" - aria-haspopup="true" - aria-expanded="false"> - {if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if} - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> - <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> - <path d="M6 9l6 6l6 -6"></path> - </svg> - </button> - <div class="dropdown-menu hidden group-hover:flex absolute top-full left-0 w-full flex-col bg-white z-10 shadow-lg"> +<div class="relative flex-1 w-full max-w-[240px] group"> + <button + class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left" + type="button" + rel="nofollow" + aria-haspopup="true" + aria-expanded="false"> + {if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if} + <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> + <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> + <path d="M6 9l6 6l6 -6"></path> + </svg> + </button> + <div class="dropdown-menu hidden group-hover:flex absolute top-full right-0 bg-white z-10 shadow-lg"> + <div class="flex flex-col whitespace-nowrap"> {foreach from=$listing.sort_orders item=sort_order} <a rel="nofollow"