discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tooltips now fully styled, appearing above applet container to avoid clipping issues; new methods added to apps.lyric.models.Token

Browse Source
This commit is contained in:
Disco DeDisco
2026-03-09 23:48:20 -04:00
parent 645b265c80
commit d2861077a4
7 changed files with 143 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/templates/apps/gameboard/_partials/_applet-game-kit.html
View File

@@ -7,13 +7,31 @@
{% if coin %}
<div id="id_kit_coin_on_a_string" class="token">
<i class="fa-solid fa-clover"></i>
<span class="token-tooltip">{{ coin.tooltip_text }}</span>
<div class="token-tooltip">
<h4>{{ coin.tooltip_name }}</h4>
<p>
{{ coin.tooltip_description }}
</p>
{% if coin.tooltip_shoptalk %}
<small><em>{{ coin.tooltip_shoptalk }}</em></small>
{% endif %}
<p class="expiry">{{ coin.tooltip_expiry }}</p>
</div>
</div>
{% endif %}
{% for token in free_tokens %}
<div id="id_kit_free_token_{{ forloop.counter0 }}" class="token">
<i class="fa-solid fa-coins"></i>
<span class="token-tooltip">{{ token.tooltip_text }}</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>
{% endfor %}
<div id="id_kit_card_deck" class="kit-item"><i class="fa-regular fa-id-badge"></i></div>

8
src/templates/apps/gameboard/gameboard.html
View File

@@ -1,4 +1,5 @@
{% extends "core/base.html" %}
{% load static %}
{% block title_text %}Gameboard{% endblock title_text %}
{% block header_text %}Gameboard{% endblock header_text %}
@@ -8,4 +9,9 @@
{% include "apps/applets/_partials/_gear.html" with menu_id="id_game_applet_menu" %}
{% include "apps/gameboard/_partials/_applets.html" %}
</div>
{% endblock content %}
<div id="id_tooltip_portal" class="token-tooltip"></div>
{% endblock content %}
{% block scripts %}
<script src="{% static 'apps/gameboard/gameboard.js' %}"></script>
{% endblock scripts %}