mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

fix: no wrap for the sorting dropdown

pagebuilder
Dinesh Salunke 2023-12-06 15:44:07 +05:30
parent b67831e3e3
commit fdf2bd8199
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
templates/catalog/_partials/sort-orders.tpl
View File

@ -23,21 +23,21 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<div class="relative flex"> <div class="relative flex-1 w-full max-w-[240px] group">
<div class="relative flex-1 max-w-[140px] group"> <button
<button class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"
class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left" type="button"
type="button" rel="nofollow"
rel="nofollow" aria-haspopup="true"
aria-haspopup="true" aria-expanded="false">
aria-expanded="false"> {if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
{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">
<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 stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M6 9l6 6l6 -6"></path>
<path d="M6 9l6 6l6 -6"></path> </svg>
</svg> </button>
</button> <div class="dropdown-menu hidden group-hover:flex absolute top-full right-0 bg-white z-10 shadow-lg">
<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="flex flex-col whitespace-nowrap">
{foreach from=$listing.sort_orders item=sort_order} {foreach from=$listing.sort_orders item=sort_order}
<a <a
rel="nofollow" rel="nofollow"