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 house = cusps.length ? _planetHouse(pdata.degree, cusps) : null;
const domain = house ? HOUSE_LABELS[house] : ''; const domain = house ? HOUSE_LABELS[house] : '';
planetsHtml += 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>`; (domain ? `, House of ${domain}` : '') + `</div>`;
}); });
} }
@@ -609,14 +609,14 @@ const NatusWheel = (() => {
const psym = PLANET_SYMBOLS[pname] || pname[0]; const psym = PLANET_SYMBOLS[pname] || pname[0];
const inDeg = _inSignDeg(pdata.degree).toFixed(1); const inDeg = _inSignDeg(pdata.degree).toFixed(1);
const sicon = _signIconSvg(pdata.sign) || (SIGNS.find(s => s.name === pdata.sign) || {}).symbol || ''; 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) { if (_ttBody) {
_ttBody.innerHTML = _ttBody.innerHTML =
`<div class="tt-house-header">` + `<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>` + `<span class="tt-house-num">${house.num}</span>` +
`</div>` + `</div>` +
(planetsHtml ? `<div class="tt-house-planets">${planetsHtml}</div>` : ''); (planetsHtml ? `<div class="tt-house-planets">${planetsHtml}</div>` : '');
@@ -887,6 +887,7 @@ const NatusWheel = (() => {
.attr('dominant-baseline', 'middle') .attr('dominant-baseline', 'middle')
.attr('font-size', `${_r * 0.05}px`) .attr('font-size', `${_r * 0.05}px`)
.attr('class', 'nw-house-num') .attr('class', 'nw-house-num')
.attr('pointer-events', 'none')
.text(i + 1); .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 // House tooltip — "House of X" | number; planets in house
.tt-house-header { .tt-house-header {
display: flex; display: flex;
align-items: baseline; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
gap: 0.5rem; gap: 0.5rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
.tt-house-of {
font-size: 0.6em;
font-weight: 700;
margin-right: 0.15em;
opacity: 0.9;
}
.tt-house-num { .tt-house-num {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 700; font-weight: 700;
opacity: 0.55; opacity: 1;
flex-shrink: 0; flex-shrink: 0;
} }
.tt-house-planets { .tt-house-planets {