9cdd2cda68
User-spec 2026-05-25 PM ("To the #id_sky_tooltip, whenever it has a DON|DOFF apparatus, we should add a #id_mini_tooltip_portal except, instead of Equipped|Unequipped, this would feature an Aspected|Unaspected toggle"). Mirrors the game-kit / wallet Equipped-Unequipped micro-tooltip pattern — text-swaps "Aspected" / "Unaspected" tied to sky-wheel's `_aspectsVisible` state.
**(1) `sky-wheel.js`** — 3 new helpers (`_updateAspectMiniPortal` / `_showAspectMiniPortal` / `_hideAspectMiniPortal` / `_positionAspectMiniPortal`) + element cache (`_miniPortalEl`) + 5 integration points (cache in `_injectTooltipControls`; show in `_activatePlanet` + `_activateAngle`; hide in `_activateElement` + `_activateSign` + `_activateHouse` + `_closeTooltip`; text-swap in `_updateAspectToggleUI`). State derives from existing `_aspectsVisible` global — single source of truth, no parallel tracking. Only the planets + angles rings show the apparatus (per existing UX); the elements/signs/houses rings hide it w. the rest of the DON/DOFF buttons.
**(2) Positioning** — mirrors `gameboard.js:285-287`'s right-anchored pattern (was left-aligned + 6px gap in the first draft): pin mini-portal RIGHT edge to main tooltip's right edge, 4px below the tooltip's bottom. Text width changes grow/shrink leftward — same visual logic the Game Kit's Equipped/Unequipped already uses.
**(3) z-index** — set to 150 inline via JS for the sky surface (default `#id_mini_tooltip_portal { z-index: 9999 }` from `_gameboard.scss` is universal — too high for the sky tooltip's PRV/NXT buttons, which inherit the tooltip's z-index 200 stacking context). User-reported "make sure its z-index falls behind the NXT button, as now it's in front of PRV". The sky tooltip body itself sits at z-index 200; mini-portal at 150 falls below it where they overlap (they don't — the mini sits below the tooltip body) but lets the absolutely-positioned PRV/NXT btns inside the tooltip render on top.
**(4) Styling** — bumped `#id_mini_tooltip_portal` font-size 0.8em → 0.95em + added `padding: 0.35rem 0.75rem` + `border-radius: 0.3rem` per user-spec "a bit bigger both in dimensions and font-size". Universal change (affects game-kit + wallet mini-portals too) — visually closer to the main tooltip's text scale w/o approaching it.
**(5) Dashboard parity** — `dashboard/home.html` gains the same `<div id="id_mini_tooltip_portal" class="token-tooltip token-tooltip--mini">` scaffold so the My Sky applet (`_applet-my-sky.html`) picks it up. Without this, the applet's sky-wheel rendered the main tooltip but the mini-portal `getElementById` would return null. Now both the standalone /dashboard/sky/ page + the dashboard's My Sky applet host the same mini-portal scaffold; sky-wheel.js caches whichever one is present on init.
Tests: 1314/1314 IT+UT total green (76s; pure SCSS + JS + template changes, no test surface — no new conditional or template branch to test directly). Visual verify on /dashboard/sky/: Saturn planet tooltip opens w. DON visible + "Unaspected" mini-portal below-right; click DON → text swaps to "Aspected" + aspect lines draw on wheel; click DOFF → swaps back.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
{% extends "core/base.html" %}
|
|
{% load lyric_extras %}
|
|
|
|
{% block title_text %}Dashboard{% endblock title_text %}
|
|
{% block header_text %}
|
|
{% if user.is_authenticated %}
|
|
<span>Dash</span><span>board</span>
|
|
{% else %}
|
|
<span>Howdy </span><span>stranger</span>
|
|
{% endif %}
|
|
{% endblock header_text %}
|
|
|
|
{% block scripts %}
|
|
{% include "apps/dashboard/_partials/_scripts.html" %}
|
|
{% endblock scripts %}
|
|
|
|
{% block content %}
|
|
{% if user.is_authenticated %}
|
|
<div id="id_dash_content" class="dashboard-page">
|
|
{% include "apps/dashboard/_partials/_applets.html" %}
|
|
{% include "apps/applets/_partials/_gear.html" with menu_id="id_dash_applet_menu" %}
|
|
</div>
|
|
<div id="id_tooltip_portal" class="token-tooltip" style="display:none;"></div>
|
|
<div id="id_sky_tooltip" class="tt" style="display:none;"></div>
|
|
<div id="id_sky_tooltip_2" class="tt" style="display:none;"></div>
|
|
{% comment %}
|
|
Polish-8 — aspect mini-portal for the My Sky applet's sky-wheel
|
|
(parallel to sky.html's main page). sky-wheel.js text-swaps
|
|
"Aspected" / "Unaspected" tied to `_aspectsVisible` whenever the
|
|
DON/DOFF apparatus is shown (planets + angles only).
|
|
{% endcomment %}
|
|
<div id="id_mini_tooltip_portal" class="token-tooltip token-tooltip--mini"></div>
|
|
{% endif %}
|
|
{% endblock content %}
|