EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve searchbar pulldown styles, increase maximumm pax

Browse Source
This commit is contained in:
Björn Fromme
2022-03-14 11:00:45 +01:00
parent 2bb5c82fde
commit cb2b70f725
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php
+1 -1
View File
@@ -110,7 +110,7 @@ class FilterOptions implements \JsonSerializable
{
$this->pax = [
0 => 'beliebig',
...array_combine(range(1, 20), range(1, 20))
...array_combine(range(1, 24), range(1, 24))
];
}
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+12 -8
View File
@@ -106,21 +106,23 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-user-group"></use>
</svg>
<div
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded w-full h-48 overflow-y-scroll"
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded w-full h-48 overflow-y-scroll text-sm leading-6"
data-collapse-target="container">
<ul class="m-0 p-0">
<f:for each="{filterOptions.pax}" as="option">
<li>
<button type="button"
data-action="searchbar#setPax"
data-option="{option}">
data-option="{option}"
class="w-full text-right">
{option}
</button>
</li>
</f:for>
<li>
<a href="{f:uri.typolink(parameter: settings.groupsPageUid)}">
&gt; 20
<a href="{f:uri.typolink(parameter: settings.groupsPageUid)}"
class="block text-right">
&gt; 24
</a>
</li>
</ul>
@@ -144,7 +146,7 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-airplane"></use>
</svg>
<div
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded min-w-full h-64 overflow-y-scroll"
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded min-w-full h-64 overflow-y-scroll"
data-collapse-target="container">
<div class="grid grid-cols-5 gap-4">
<f:for each="{filterOptions.destinations}" as="destination">
@@ -218,14 +220,15 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-euro"></use>
</svg>
<div
class="hidden absolute z-20 top-100 left-0 bg-white p-4 shadow-md w-full h-48 overflow-y-scroll"
class="hidden absolute z-20 top-100 left-0 bg-white p-2 shadow-md w-full h-48 overflow-y-scroll text-sm leading-7"
data-collapse-target="container">
<ul class="m-0 p-0">
<li>
<button type="button"
data-action="searchbar#setPriceRange"
data-option-value=""
data-label-value="beliebig">
data-label-value="beliebig"
class="w-full text-right">
beliebig
</button>
</li>
@@ -234,7 +237,8 @@
<button type="button"
data-action="searchbar#setPriceRange"
data-option-value="{range.uid}"
data-label-value="{range.formatted}">
data-label-value="{range.formatted}"
class="w-full text-right">
{range.formatted}
</button>
</li>