Using @supports (specifically for dvh)

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

Anyway to do the above in Toddle?

mbirkegaard
2 years ago
height: 95vh
@supports(height: 100dvh) {
height: 100dvh
}
Anyway to do the above in Toddle?
Using @supports (specifically for dvh)
Lucas G
2 years ago
Link to an external stylesheet
Andreas Møller
2 years 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
2 years 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
2 years 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
2 years 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
2 years 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
2 years ago
A significant proportion of users are boomers who can't be relied on to update their stuff 🙂🙃
Andreas Møller
2 years ago
It is very kind of you to support Microsoft’s products two years after they threw in the towel
🙂
mbirkegaard
2 years ago
Not my choice, I just get paid to deal with it 😢