home/torsearch
1
0
Fork 0
Code Issues 22 Pull Requests 1 Actions 3 Packages Projects 4 Releases Wiki Activity

fix: multi-choice filter styles

Browse Source
This commit is contained in:
brock
2025-07-26 14:16:12 -05:00
parent f9ec089f8b
commit 0e13b74b3b
4 changed files with 42 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/components/Filter.html.twig
View File

@@ -6,8 +6,8 @@
data-result-filter-tv-episode-list-outlet=".episode-list"
data-action="change->result-filter#filter action-button:downloadSeason@window->result-filter#downloadSeason"
>
<div class="w-full p-4 flex flex-col md:flex-row gap-4 bg-stone-500 text-md text-gray-500 dark:text-gray-50 rounded-lg">
<label for="resolution" class="flex flex-col gap-1">
<div class="filter-items w-full p-4 flex flex-col md:flex-row gap-4 bg-black/20 border-2 border-orange-500 text-md text-gray-500 dark:text-gray-50 rounded-lg">
<label for="resolution" class="filter-label">
Resolution
<select id="resolution"
multiple="multiple"
@@ -29,7 +29,7 @@
</select>
</label>
<label for="codec" class="flex flex-col gap-1">
<label for="codec" class="filter-label">
Codec
<select id="codec"
multiple="multiple"
@@ -49,7 +49,7 @@
</select>
</label>
<label for="language" class="flex flex-col gap-1">
<label for="language" class="filter-label">
Language
<select id="language"
multiple="multiple"
@@ -68,7 +68,7 @@
</select>
</label>
<label for="provider" class="flex flex-col gap-1">
<label for="provider" class="filter-label">
Provider
<select id="provider"
multiple="multiple"
@@ -87,27 +87,25 @@
</select>
</label>
<label for="quality" class="flex flex-col gap-1">
<label for="quality" class="filter-label">
Quality
<select id="quality"
multiple="multiple"
data-result-filter-target="quality"
class="px-1 py-0.5 bg-stone-100 text-gray-50"
data-preferred="{{ this.userPreferences['quality']|json_encode }}"
{{ stimulus_controller('symfony/ux-autocomplete/autocomplete', {
create: false,
tomSelectOptions: {
highlight: false,
}
}) }}
{% if this.userPreferences['quality'] != null %}
data-preferred="{{ this.userPreferences['quality']|json_encode }}"
{% endif %}
>
</select>
</label>
{% if results.media.mediaType == "tvshows" %}
<label for="season">
<label for="season" class="filter-label">
Season
<select id="season" name="season" value="1" data-result-filter-target="season" class="px-1 py-0.5 bg-stone-100 text-gray-800"
{{ stimulus_action('result_filter', 'setSeason', 'change') }}