Monorepo for Aesthetic.Computer
aesthetic.computer
hud: hit region spans top strip at text height (not padded buffer)
Widens corner-label tap target to full screen width and uses the measured
text height + small descender padding instead of the 20px buffer minimum,
so a 1-line label gets a 1-line-tall tap area.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+16
-11
+16
-11
system/public/aesthetic.computer/lib/disk.mjs
+16
-11
system/public/aesthetic.computer/lib/disk.mjs
···
14597
14597
// Update button position to match label position (with slide offset)
14598
14598
const finalX = currentHUDOffset.x + hudAnimationState.slideOffset.x - currentHUDLeftPad;
14599
14599
const finalY = currentHUDOffset.y + hudAnimationState.slideOffset.y;
14600
-
// Match hitbox to full rendered HUD label buffer (including scrub reveal areas).
14601
-
const hitboxWidth = Math.max(
14600
+
// Hit region spans the entire top strip so taps anywhere near the corner label register,
14601
+
// while using just the actual text height (not the padded buffer) so it isn't too tall.
14602
+
const screenW = $api.screen?.width || cachedAPI?.screen?.width || bufferW || 1;
14603
+
const textOnlyHeight = Math.max(
14602
14604
1,
14603
-
Math.round(hudAnimationState.labelWidth || bufferW || currentHUDLabelMeasuredWidth || 1),
14605
+
Math.round(
14606
+
currentHUDTextHeight ||
14607
+
currentHUDTextBoxHeight ||
14608
+
measuredTextHeight ||
14609
+
hudBlockHeight ||
14610
+
1,
14611
+
),
14604
14612
);
14605
-
const hitboxHeight = Math.max(
14606
-
1,
14607
-
Math.round(hudAnimationState.labelHeight || bufferH || currentHUDTextHeight || currentHUDTextBoxHeight || h || 1),
14608
-
);
14609
-
currentHUDButton.box.x = finalX;
14610
-
currentHUDButton.box.y = finalY;
14611
-
currentHUDButton.box.w = hitboxWidth;
14612
-
currentHUDButton.box.h = Math.max(1, Math.round(hitboxHeight));
14613
+
const hitboxHeight = textOnlyHeight + Math.max(2, Math.round(hudBlockHeight * 0.2));
14614
+
currentHUDButton.box.x = 0;
14615
+
currentHUDButton.box.y = Math.max(0, Math.round(finalY));
14616
+
currentHUDButton.box.w = Math.max(1, Math.round(screenW));
14617
+
currentHUDButton.box.h = Math.max(1, hitboxHeight);
14613
14618
14614
14619
// Mark HUD button to bypass the global HUD active check (it checks itself)
14615
14620
currentHUDButton.noEdgeDetection = true;