KamoCRM

Preserve aspect ratio on sky atmospherics so clouds + sun + birds don't stretch on portrait

Fixkamolos
Shipped
18 மே, 2026 அன்று 1:05 AM UTC
Author
Kamo
Commit
f6dec08

CloudsLayer, BirdsLayer and the sun/star portion of SkyLayer were using preserveAspectRatio="none" so on a tall portrait phone the SVG coordinate system stretched independently per axis. Result: ellipse clouds got vertically distorted, the sun circle became a tall oval, stars looked like vertical streaks. Fix: switch the atmospheric SVGs to xMidYMin slice (anchor to top, preserve aspect, crop horizontally if needed). SkyLayer is split into two stacked SVGs — a stretched gradient (no visible distortion since it's just colour) + an aspect-preserved celestial SVG for sun and stars. Symmetric to the bottom-anchored xMidYMax slice on hills / skyline / home / foreground. Build 29/29.

All changes

Like what you see shipping?

All of it arrives in your workspace on its own. Start on the free plan and read this page again in a month.

Start Free ForeverView Pricing