37 lines
2.6 KiB
HTML
37 lines
2.6 KiB
HTML
{% load static %}
|
|
<div class="absolute inset-x-0 right-0 sm:top-2 top-4">
|
|
<details class="group absolute right-2 open:w-auto open:static w-fit open:mx-4 flex p-2 space-y-2 open:rounded-md h-fit open:bg-bluelight-background open:shadow-sm open:shadow-[#242424]">
|
|
<summary class="flex mt-2 mr-6 sm:m-0 group-open:m-0 content-none group-open:justify-end shake-trigger">
|
|
<img class="p-2 w-12 h-12 group-open:hidden shake rounded-md bg-bluelight-background shadow-sm shadow-[#242424]" src="{% static "tracker/images/question_mark.png" %}" alt="About this tracker" width="32" height="32" />
|
|
<div class="hidden group-open:flex group-open:w-full group-open:flex-col group-open:space-y-2">
|
|
<p class="flex justify-start w-full text-lg">About this tracker</p>
|
|
<hr class="flex w-full border-2 border-bluelight-translucent-dark rounded-xl" />
|
|
</div>
|
|
<img class="hidden w-10 h-10 ml-2 rounded-md shadow-sm shadow-[#242424] bg-gradient-to-br from-highlight-empty-light to-highlight-empty-dark group-open:flex" src="{% static "tracker/images/x_mark.png" %}" alt="About this tracker" width="" height="" />
|
|
</summary>
|
|
<details class="flex flex-col max-w-full px-4 py-2 space-y-2 rounded-lg text-md bg-gradient-to-br from-bluelight-background-light to-bluelight-background shadow-sm shadow-[#242424]">
|
|
<summary class="justify-start">Settings</summary>
|
|
{% include "tracker/address/index.html" %}
|
|
<div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
|
|
<input onclick="hide_empty_summaries()"
|
|
type="checkbox"
|
|
id="hideDone"
|
|
class="p-2 my-auto rounded-md bg-white bg-opacity-10 shadow-sm shadow-[#242424]" />
|
|
<label for="hideDone"
|
|
class="my-auto align-top justify-left min-w-fit text-md text-nowrap">
|
|
Hide completed areas
|
|
</label>
|
|
</div>
|
|
<div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
|
|
<input onclick="notices_ur_debug()"
|
|
class="p-2 my-auto rounded-md bg-white bg-opacity-10 shadow-sm shadow-[#242424]"
|
|
type="checkbox"
|
|
id="show-debug" />
|
|
<label for="show-debug"
|
|
class="my-auto align-top justify-left min-w-fit text-md text-nowrap">Sh-OwO Debug</label>
|
|
</div>
|
|
</details>
|
|
{% include "tracker/howto/index.html" %}
|
|
</details>
|
|
</div>
|