Using @supports (specifically for dvh)

mbirkegaard · 2024-02-13T21:04:51.159+00:00

Anyway to do the above in Toddle?

mbirkegaard

1 year ago

height: 95vh
@supports(height: 100dvh) {
height: 100dvh
}
Anyway to do the above in Toddle?
Using @supports (specifically for dvh)
Lucas G

1 year ago

Link to an external stylesheet
Andreas Møller

1 year ago

Not at the moment, but you could add a style tag.

dvh is supported in all modern browsers.
https://caniuse.com/viewport-unit-variants
mbirkegaard

1 year ago

And with either the external style sheet or the style tag, you would target the App div or create a component that wraps all pages and target that?
@Andreas Møller
Not at the moment, but you could add a style tag.

dvh is supported in all modern browsers.
https://caniuse.com/viewport-unit-variants
mbirkegaard

1 year ago

I know it's supported in modern browsers but that's not enough for us (depending on the dev cost of the fix)
Andreas Møller

1 year ago

If you are adding a style tag I would target the App div
@Andreas Møller
If you are adding a style tag I would target the App div
mbirkegaard

1 year ago

Got it, thanks!
@mbirkegaard
I know it's supported in modern browsers but that's not enough for us (depending on the dev cost of the fix)
mbirkegaard

1 year ago

A significant proportion of users are boomers who can't be relied on to update their stuff 🙂🙃
Andreas Møller

1 year ago

It is very kind of you to support Microsoft’s products two years after they threw in the towel
🙂
mbirkegaard

1 year ago

Not my choice, I just get paid to deal with it 😢