natus tooltip: fix portal placement + viewport clamping + SVG sign icon
- Move #id_natus_tooltip out of #id_applets_container (container-type: inline-size breaks position:fixed) → add to home.html alongside #id_tooltip_portal - Move #id_natus_tooltip out of .natus-modal-wrap (transform breaks position:fixed) → place as sibling of .natus-overlay in room.html - Add _positionTooltip() helper in natus-wheel.js: flips tooltip to left of cursor when it would overflow right edge; clamps both axes - Replace hardcoded 280px in dashboard.js palette tooltip with measured offsetWidth; add left-edge floor (Math.max margin) - Planet tooltip format: @14.0° Capricorn (<svg-icon>) using preloaded _signPaths; falls back to unicode symbol if not yet loaded - Add .tt-sign-icon SCSS: fill:currentColor, vertical-align:middle Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -49,8 +49,10 @@ const bindPaletteSwatches = () => {
|
||||
portal.style.display = 'block';
|
||||
portal.style.position = 'fixed';
|
||||
portal.style.top = `${rect.bottom + 8}px`;
|
||||
portal.style.left = `${Math.min(rect.left, window.innerWidth - 280)}px`;
|
||||
portal.style.zIndex = '9999';
|
||||
const margin = 8;
|
||||
const ttW = portal.offsetWidth;
|
||||
portal.style.left = `${Math.max(margin, Math.min(rect.left, window.innerWidth - ttW - margin))}px`;
|
||||
}
|
||||
|
||||
function hideTooltip() {
|
||||
|
||||
Reference in New Issue
Block a user