bofh/fet2020
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix show bs page

Browse Source
This commit is contained in:
Patrick Mayr
2022-05-31 22:26:20 +00:00
parent 22a524aee6
commit 6d2f7c023a
1 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
fet2020/templates/posts/show.html
View File

@@ -252,32 +252,34 @@
</div> </div>
{% endif %} {% endif %}
{% get_flatpages '/bs/' for user as pages %} {% if post.post_type == 'F' %}
{% if pages %} {% get_flatpages '/bs/' for user as pages %}
<div class="w-full my-2 flex items-center gap-4 text-gray-700 dark:text-gray-300" x-data="{ showOptions: false }"> {% if pages %}
<span class="flex-1">{{ pages.first.title }}</span> <div class="w-full my-2 flex items-center gap-4 text-gray-700 dark:text-gray-300" x-data="{ showOptions: false }">
<div class="relative"> <span class="flex-1">{{ pages.first.title }}</span>
<button class="sm:hidden px-2 py-1 border border-gray-300 dark:border-gray-700 rounded" @click="showOptions = true"> <div class="relative">
<i class="fa-solid fa-ellipsis-vertical fa-fw"></i> <button class="sm:hidden px-2 py-1 border border-gray-300 dark:border-gray-700 rounded" @click="showOptions = true">
</button> <i class="fa-solid fa-ellipsis-vertical fa-fw"></i>
<ul class="z-10 absolute top-0 right-0 sm:flex flex-row sm:static flex-none border dark:border-2 border-gray-300 dark:border-gray-700 rounded divide-y-2 sm:divide-y-0 sm:divide-x divide-gray-300 dark:divide-gray-700 bg-gray-100 dark:bg-gray-800 shadow sm:bg-transparent sm:shadow-none" </button>
@click.outside="showOptions = false" <ul class="z-10 absolute top-0 right-0 sm:flex flex-row sm:static flex-none border dark:border-2 border-gray-300 dark:border-gray-700 rounded divide-y-2 sm:divide-y-0 sm:divide-x divide-gray-300 dark:divide-gray-700 bg-gray-100 dark:bg-gray-800 shadow sm:bg-transparent sm:shadow-none"
x-show="showOptions || $screen('sm')" @click.outside="showOptions = false"
x-transition:enter="transition ease-out duration-300" x-show="showOptions || $screen('sm')"
x-transition:enter-start="transform origin-right opacity-0 scale-95" x-transition:enter="transition ease-out duration-300"
x-transition:enter-end="transform origin-right opacity-100 scale-100" x-transition:enter-start="transform origin-right opacity-0 scale-95"
x-transition:leave="transition ease-in duration-150" x-transition:enter-end="transform origin-right opacity-100 scale-100"
x-transition:leave-start="transform origin-right opacity-100 scale-100" x-transition:leave="transition ease-in duration-150"
x-transition:leave-end="transform origin-right opacity-0 scale-95" x-transition:leave-start="transform origin-right opacity-100 scale-100"
> x-transition:leave-end="transform origin-right opacity-0 scale-95"
<li class="block sm:inline-block group hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200"> >
<a href="{{ pages.first.url }}" class="inline-flex items-center px-2 py-1"><i class="fa-solid fa-file-lines fa-fw text-proprietary dark:text-proprietary-light md:text-inherit group-hover:text-proprietary dark:group-hover:text-proprietary-light"></i> <li class="block sm:inline-block group hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200">
<span class="ml-2 sm:ml-1">Übersicht</span> <a href="{{ pages.first.url }}" class="inline-flex items-center px-2 py-1"><i class="fa-solid fa-file-lines fa-fw text-proprietary dark:text-proprietary-light md:text-inherit group-hover:text-proprietary dark:group-hover:text-proprietary-light"></i>
</a> <span class="ml-2 sm:ml-1">Übersicht</span>
</li> </a>
</ul> </li>
</ul>
</div>
</div> </div>
</div> {% endif %}
{% endif %} {% endif %}
{% endif %} {% endif %}