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

natus wheel: house tooltip polish — br, pointer-events, @deg° muting

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-21 21:54:06 -04:00
parent bb1cda9c9c
commit b5a92ddf77
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/apps/gameboard/static/apps/gameboard/natus-wheel.js
View File

@@ -570,7 +570,7 @@ const NatusWheel = (() => {
const house = cusps.length ? _planetHouse(pdata.degree, cusps) : null;
const domain = house ? HOUSE_LABELS[house] : '';
planetsHtml +=
`<div class="tt-asp-row">${psym} @${inDeg}°` +
`<div class="tt-asp-row">${psym} <span class="tt-asp-orb">@${inDeg}°</span>` +
(domain ? `, House of ${domain}` : '') + `</div>`;
});
}
@@ -609,14 +609,14 @@ const NatusWheel = (() => {
const psym = PLANET_SYMBOLS[pname] || pname[0];
const inDeg = _inSignDeg(pdata.degree).toFixed(1);
const sicon = _signIconSvg(pdata.sign) || (SIGNS.find(s => s.name === pdata.sign) || {}).symbol || '';
planetsHtml += `<div class="tt-asp-row">${psym} @${inDeg}° ${sicon}</div>`;
planetsHtml += `<div class="tt-asp-row">${psym} <span class="tt-asp-orb">@${inDeg}°</span> ${sicon}</div>`;
});
}
if (_ttBody) {
_ttBody.innerHTML =
`<div class="tt-house-header">` +
`<span class="tt-title">House of ${house.label}</span>` +
`<span class="tt-title"><span class="tt-house-of">House of</span><br>${house.label}</span>` +
`<span class="tt-house-num">${house.num}</span>` +
`</div>` +
(planetsHtml ? `<div class="tt-house-planets">${planetsHtml}</div>` : '');
@@ -887,6 +887,7 @@ const NatusWheel = (() => {
.attr('dominant-baseline', 'middle')
.attr('font-size', `${_r * 0.05}px`)
.attr('class', 'nw-house-num')
.attr('pointer-events', 'none')
.text(i + 1);
});
}

10
src/static_src/scss/_natus.scss
View File

@@ -564,15 +564,21 @@ body[class*="-light"] {
// House tooltip — "House of X" | number; planets in house
.tt-house-header {
display: flex;
align-items: baseline;
align-items: flex-start;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.3rem;
}
.tt-house-of {
font-size: 0.6em;
font-weight: 700;
margin-right: 0.15em;
opacity: 0.9;
}
.tt-house-num {
font-size: 1.4rem;
font-weight: 700;
opacity: 0.55;
opacity: 1;
flex-shrink: 0;
}
.tt-house-planets {