Different behavior depending on whether the page is loaded in mobile/desktop mode

[xypnox]

Your issue may already be reported! Please search on the fastn issue tracker before creating one.

What Are You Doing?

Setting different inset and width properties to a row element:

-- ds.row:
width: hug-content
width if { ftd.device == "mobile" }: fill-container
inset: $ds.spaces.inset-square.zero
inset if { ftd.device == "mobile" }: $ds.spaces.inset-tall.zero-small
link: $header.site-url
align-content: left

Expected Behaviour:

Both the width and inset values should change on device switch.

Current Behavior

simplescreenrecorder-2024-03-04_12.58.28.webm

Only the width changes.

Context

It affects setting multiple device dependent styles on a single element to add better responsiveness to elements.

Severity

Medium

Your Environment

• fastn Version (I.e, output of fastn -v): 0.4.57
• Operating System: Linux
• Web Browser: Firefox