fix "mehr/weniger anzeigen" button

This commit is contained in:
2023-08-29 10:13:06 +00:00
parent 63679973f7
commit d23b4ef87b

View File

@@ -27,15 +27,15 @@
</div>
</div>
{% if active_jobs or inactive_jobs %}
<div x-data="memberExpandList" class="clear-left">
<div x-data="collapseContent" class="clear-left">
<h3 class="group mt-4 mb-2 text-lg text-gray-900 dark:text-gray-100">Ehrenamtliche Tätigkeiten:
{% if inactive_jobs %}
<button class="inline float-right text-sm px-2 py-1 text-gray-600 dark:text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-400 border rounded border-gray-500 dark:border-gray-500 md:border-gray-400 dark:md:border-gray-600 group-hover:border-gray-500 dark:group-hover:border-gray-500"
@click="toggleExpandList"
@click="toggleContent"
>
<span x-show="getNotExpandList">Mehr</span><span x-show="getExpandList">Weniger</span><span class="hidden md:inline"> anzeigen</span>
<span x-show="contentIsHidden">Mehr</span><span x-show="contentIsVisible">Weniger</span><span class="hidden md:inline"> anzeigen</span>
<i class="fa-fw fa-solid fa-angle-left transition transform -ml-1"
x-ref="rotate"
x-bind="iconContent"
></i>
</button>
{% endif %}