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

refactor: fixed the alignment of the product top bar for sort by and filter button

staging
Tejas Chari 2023-11-22 13:56:12 +05:30
parent f07f5ad4e2
commit 1d40c4f141
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/catalog/_partials/products-top.tpl
View File

@ -28,7 +28,7 @@
<!-- Top Bar With Filter Button and Sort By Selector --> <!-- Top Bar With Filter Button and Sort By Selector -->
<div class="flex justify-between"> <div class="flex justify-between">
<!-- Show Filters Button --> <!-- Show Filters Button -->
<div> <div class="flex">
<button id="show-filters" type="button" class="flex space-x-2 items-center"> <button id="show-filters" type="button" class="flex space-x-2 items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" 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-filter" width="24" height="24" 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 stroke="none" d="M0 0h24v24H0z" fill="none"/>
@ -38,7 +38,7 @@
</button> </button>
</div> </div>
<!-- Sort By Dropdown --> <!-- Sort By Dropdown -->
<div> <div class="flex">
{block name='sort_by'} {block name='sort_by'}
{include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders} {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
{/block} {/block}

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

@ -23,7 +23,7 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<div class="relative flex gap-2 lg:items-center top-4 lg:top-0"> <div class="relative flex">
<div class="relative flex-1 max-w-[140px] 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"