Skip to content

Commit 53a50a6

Browse files
committed
Draw the energy diagram on top of the solar overlays (#397)
With auto-rotation the sun disc, arc and irradiance label sweep over the day curve and hide the readout you are trying to see. Raise the day-curve layers above the solar layers (sun z 12, irradiance label z 13) so the diagram always wins the overlap; near stays above far so the curve still self-occludes at its crossings, and the detail panel (z 40) and timeline (z 1000) still sit above it.
1 parent 0d65dd3 commit 53a50a6

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

src/css/helios-card-scene-css.ts

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -260,8 +260,12 @@ export const heliosCardStyles = css`
260260
overflow: visible;
261261
pointer-events: none;
262262
}
263-
.helios-day-curve-far { z-index: 5; }
264-
.helios-day-curve-near { z-index: 11; }
263+
/* The energy diagram always reads ON TOP of the solar overlays (sun disc z 12, irradiance label z 13, arc, ray):
264+
with auto-rotation the sun sweeps over the curve and hides the numbers you are trying to read, so the diagram
265+
wins the overlap. Both halves clear the solar layers; near stays above far so the curve still self-occludes at
266+
its side crossings. Detail panel (z 40) and timeline (z 1000) still sit above it. */
267+
.helios-day-curve-far { z-index: 14; }
268+
.helios-day-curve-near { z-index: 15; }
265269
266270
/* Any chip with its day curve up: its second notch, pressed. The chip is an outline in the metric's colour on
267271
the card's background, so ON simply swaps the two - the universal switch language, outlined off / filled on.

0 commit comments

Comments
 (0)