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>
</div> </div>
{% if active_jobs or inactive_jobs %} {% 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: <h3 class="group mt-4 mb-2 text-lg text-gray-900 dark:text-gray-100">Ehrenamtliche Tätigkeiten:
{% if inactive_jobs %} {% 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" <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" <i class="fa-fw fa-solid fa-angle-left transition transform -ml-1"
x-ref="rotate" x-bind="iconContent"
></i> ></i>
</button> </button>
{% endif %} {% endif %}