narrow desktop breakpoint constraint relaxed somewhat to accomodate more fringe-case window aspect ratios; #id_gear_btn now, like #id_kit_btn, restyles to contain --quaUser rgb value when menu is active; dashboard.html include ordering switched for #id_dash_applet_menu & #id_gear_btn, to fix an issue causing the menu to overlay the btn instead of the other way around
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

This commit is contained in:
Disco DeDisco
2026-03-15 16:39:14 -04:00
parent 2e24175ec8
commit ff7b71792f
8 changed files with 79 additions and 50 deletions

View File

@@ -11,8 +11,8 @@
{% block content %}
{% if user.is_authenticated %}
<div id="id_dash_content" class="dashboard-page">
{% include "apps/applets/_partials/_gear.html" with menu_id="id_dash_applet_menu" %}
{% include "apps/dashboard/_partials/_applets.html" %}
{% include "apps/applets/_partials/_gear.html" with menu_id="id_dash_applet_menu" %}
</div>
{% endif %}
{% endblock content %}

View File

@@ -5,7 +5,7 @@
{% for token in tokens %}
{% if token.token_type == "coin" or token.token_type == "pass" %}
<div
class="kit-card"
class="token"
draggable="true"
data-token-id="{{ token.id }}"
data-token-type="{{ token.token_type }}"
@@ -15,7 +15,14 @@
{% else %}
<i class="fa-solid fa-clipboard"></i>
{% endif %}
<span class="kit-card-label">{{ token.tooltip_name }}</span>
<div class="token-tooltip">
<h4>{{ token.tooltip_name }}</h4>
<p>{{ token.tooltip_description }}</p>
{% if token.tooltip_shoptalk %}
<small><em>{{ token.tooltip_shoptalk }}</em></small>
{% endif %}
<p class="expiry">{{ token.tooltip_expiry }}</p>
</div>
</div>
{% endif %}
{% endfor %}
@@ -26,28 +33,32 @@
<div class="kit-bag-row">
{% if free_token %}
<div
class="kit-card"
class="token"
draggable="true"
data-token-id="{{ free_token.id }}"
data-token-type="{{ free_token.token_type }}"
>
<i class="fa-solid fa-coins"></i>
<span class="kit-card-label">
{{ free_token.tooltip_name }}{% if free_count > 1 %} <span class="kit-card-count">(×{{ free_count }})</span>{% endif %}
</span>
<div class="token-tooltip">
<h4>{{ free_token.tooltip_name }}{% if free_count > 1 %} <span class="token-count">(×{{ free_count }})</span>{% endif %}</h4>
<p>{{ free_token.tooltip_description }}</p>
<p class="expiry">{{ free_token.tooltip_expiry }}</p>
</div>
</div>
{% endif %}
{% if tithe_token %}
<div
class="kit-card"
class="token"
draggable="true"
data-token-id="{{ tithe_token.id }}"
data-token-type="{{ tithe_token.token_type }}"
>
<i class="fa-solid fa-piggy-bank"></i>
<span class="kit-card-label">
{{ tithe_token.tooltip_name }}{% if tithe_count > 1 %} <span class="kit-card-count">(×{{ tithe_count }})</span>{% endif %}
</span>
<div class="token-tooltip">
<h4>{{ tithe_token.tooltip_name }}{% if tithe_count > 1 %} <span class="token-count">(×{{ tithe_count }})</span>{% endif %}</h4>
<p>{{ tithe_token.tooltip_description }}</p>
<p class="expiry">{{ tithe_token.tooltip_expiry }}</p>
</div>
</div>
{% endif %}
</div>